@charset "utf-8";
@import url('fonts/fonts.css');
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
	color: #333;
}
html {
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
}
body {
	/*font-size: 14px;*/
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	overflow-x: hidden;
	font-family: 'Gotham-Light','PuHuiTi-L',Arial, "Microsoft YaHei",Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	padding: 0;
	margin: 0;
}
input, textarea {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0;
	font-family: 'Gotham-Light','PuHuiTi-L',Arial, "Microsoft YaHei",Helvetica, sans-serif;
}
select {
	border: solid 1px #000;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../images/select.gif) no-repeat scroll right 20px center transparent;
	padding-right: 14px;
	 font-family: 'Gotham-Light','PuHuiTi-L',Arial, "Microsoft YaHei",Helvetica, sans-serif;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}
a, a:active {
	color: #333;
}
a:hover {
	color: #ea6011;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
    noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */
	-webkit-tap-highlight-color: transparent;
}
:focus, a:focus {
	outline: none;
	-moz-outline: none;
}
table, td, th {
	border-collapse: collapse;
	border-spacing: 0;
}
.ul, .ul li {
	list-style: none;
}
hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px
}
img {
	border: none;
	max-width: 100%;
	vertical-align: middle;
}
.Ispic {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	margin: 0;
	/*text-align: justify;*/
	text-justify: inter-ideograph;
	font-family: 'Gotham-Light','PuHuiTi-L',Arial, "Microsoft YaHei",Helvetica, sans-serif;
}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	zoom: 0;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
/*单行文本省略号*/
.dot {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dot1,.dot2, .dot3, .dot4, .dot10 {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	text-overflow: ellipsis;
	/*word-break: break-all;*/
	 word-wrap: break-word;
	-webkit-box-orient: vertical;
}
.dot1 {-webkit-line-clamp: 1;}
.dot2 {-webkit-line-clamp: 2;}
.dot3 {-webkit-line-clamp: 3;}
.dot4 {-webkit-line-clamp: 4;}
.dot4 {-webkit-line-clamp: 10;}
.ytable {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}
.ytable-cell {
	display: table-cell;
	vertical-align: middle;
	/*width: 100%;*/
}
/*设置隐藏*/
.fl {float: left;}
.fr {float: right;}
.auto-inner {width: 87.5%;max-width: 1200px;margin: 0 auto;}
.pr {position: relative;}
.nm {margin: 0;}
.nfw {font-weight: normal;}
.img-block {display: block;width: 100%;}

/*字体
中文都是用阿里巴巴普惠体
--标题是阿里巴巴普惠体的regular，副标题和正文是light
*/

/*.f-cn{ font-weight: 100;}*/
.f-cn-t{ font-family: 'PuHuiTi-R';}
.f-cn-t-m{ font-family: 'PuHuiTi-M';}
.f-cn-t-b{ font-family: 'PuHuiTi-B';}
.f-num{font-family: 'Oswald-Regular';}




.f-en{font-family: 'Gotham-Light';}
.f-en-b{font-family: 'Gotham-Blod';}


.f-en-t{font-weight: 600;font-family: 'Helvetica';}
.f-cn{font-weight: 100;}
.f-cn-t{font-weight: 400;}
.f-en-black{font-weight: 600;}
.f-en-m{font-weight: 600;}
.f-en-tm{font-weight: 600;}

body.hidden{overflow: hidden;}
.fixed-layer{position: fixed; left: -100%; top: 0; opacity: 0;-webkit-opacity: 0; height: 100%; z-index: 90; width: 100%;background: rgba(0,0,0,0.6); transition: opacity 0.3s;}
body.hidden:not(.zhutui-body) .fixed-layer{ left: 0; opacity: 1;-webkit-opacity: 1;}

.bg_202020{background-color: #202020;}
.bg_222{ background-color: #222}
.bg_fff{background-color: #fff;}
.padt4{padding-top: 4%;}

/*top*/
.top-fixed{height: 80px;background: #050505;}
.top{background-color:  rgba(5,5,5,0.7);position: fixed;left: 0;top: 0;width: 100%;z-index: 300;}
.top .auto-inner{}
.top .logo{display: table; height: 80px;}
.top .logo a{display: table-cell; vertical-align: middle;}
.top .logo img{max-height: 60px;}
@media(min-width:1025px){
.zhutui-body .top-fixed{height: auto;}
.top .logo{float: left;}
}
@media(max-width:1024px){
.top .logo{text-align: center;width: 50%; padding-left: 20%; margin: 0 auto;}
}
@media(max-width:768px){
.top .logo{  margin: initial;}
}
@media(max-width:640px){
.top .logo img{max-height: 25px;}
}
.top_nav{ color: #fff;}
.top_nav li span{display: block;}
.top_nav li span a,
.top_nav li span{position: relative;}
.top_nav li a{display: block;color: #fff;}
.top_nav li .sub{display: none;}
.top_nav li .sub dd{line-height: 24px; padding: 5px 0;}
.top_nav li .sub dd a{transition: 0.3s;}
.top_nav li .sub dd a:hover{color: #e25f26; /*padding-left: 10px;*/}
.top_nav li .sub dt .icon{max-width: 122px; width: 70%; margin: 0 auto 16px; border:1px solid rgba(255,255,255,0.05);border-radius: 10px; transition: 0.3s;}
.top_nav li .sub dt aside{color: rgba(255,255,255,0.5); font-size: 16px;}
.top_nav li .sub dt a:hover .icon{border-color: #e25f26;background: #e25f26;}
.top_nav li .sub dt a:hover aside{color: #e25f26;}
@media(min-width:1025px){
.top_nav{float: right;}
.top_nav li{float: left;padding-right: 80px;}
.top_nav li.has-sub{position: relative;}
.top_nav li span a{line-height: 80px;font-size: 16px;}
.top_nav li span a:after{content:"";display: block;width: 0%;height: 2px;background-color: #e25f26;position: absolute;left: 0;bottom: 0;transition:width 0.2s linear;  -webkit-transition:width 0.2s linear; }
.top_nav li span a:hover:after,
.top_nav li.hover span a:after,
.top_nav li.aon span a:after{width: 100%;}
.top_nav li .sub{position: absolute; top: 100%;background: rgba(20,20,20,0.98);left: 0; width: 100%; }
.top_nav li:not(#m5) .sub{ padding: 10px 20px; margin:0  -20px; width: auto;}
.top_nav li .sub .auto-inner{max-width: 1570px; padding: 60px 0;}
.top_nav li .sub .ad-pic{float: left; width: 33.121%;}
.top_nav li#m5 .sub dl{float: right; width: 63%;}
.top_nav li .sub dt{float: left;width: 20%; text-align: center; margin-bottom: 40px;}
}
@media(min-width:1025px) and (max-width:1280px){
.top_nav li{padding-right: 40px;}
}
@media(max-width:1024px){
.top_nav{position: fixed; left: 0; top: 80px;bottom: 0; width: 100%;background:#141414; padding: 50px 32px;display: none; overflow: auto;}
.top_nav li .sub dt .icon,
.top_nav li .sub .ad-pic{display: none;}
.top_nav li{padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.05);}
.top_nav li span a{font-size: 20px;}
.top_nav li .sub{padding: 30px 0 0 0;}
 .top_nav li .sub dd{font-size: 16px;}
.top_nav li .sub dt a{line-height: 40px;font-size: 18px;}
.top_nav li span i{position: absolute; width: 20px; height: 20px; right: 0; top: 50%; margin-top: -10px; z-index: 10;display: none;transition: 0.3s 0.3s;}
.top_nav li.has-sub span i{display: block;}
.top_nav li span i:before,
.top_nav li span i:after{position: absolute; content: '';background: #fff; transition: 0.3s 0.6s;}
.top_nav li span i:before{left: 0; width: 100%; top: 50%;height: 2px; margin-top: -1px;}
.top_nav li span i:after{left: 50%; width: 2px; margin-left: -1px; top: 0; height: 100%;}
.top_nav li span i.on{transform: rotate(-90deg); }
.top_nav li span i.on:before{opacity: 0;}
	
.open-menu{position: absolute; right: 6.25%; top: 50%; transform: translateY(-50%); width: 26px; height: 26px;}
.open-menu:after,
.open-menu:before{position: absolute;content: ''; height: 2px;background: #fff; top: 0; transition: 0.3s;}
.open-menu:before{left: 0; width: 100%; margin-top: 7px;}
.open-menu:after{right: 0; width: 60%; margin-top: 18px;}
.open-menu.on:before,
.open-menu.on:after{width: 100%;margin: 0; top: 50%; margin-top: -1px; transform: rotate(45deg);}
.open-menu.on:after{transform: rotate(-45deg);}
}

.top-search{position: absolute; left: 0; top: 100%;width: 100%;padding: 5% 0;background: rgba(20,20,20,0.98); display: none;}
.top-search .auto-inner{max-width: 1200px;}
.top-search .auto-inner > *{ padding: 0 30px;}
.top-search aside{position: relative;border-bottom: 1px solid #252525;}
.top-search .text{ height: 80px; line-height: 80px;color: #fff; width: 100%;font-size: 48px;border: 0;background: none;}
.top-search .btn{position: absolute;height: 100%;background: url(../images/top/btn-search.png) no-repeat center center; width: 35px;background-size: contain; right: 8px;top: 0;}
.top-search .keyword{padding-top: 16px;}
.top-search .keyword dd{float: left;margin-bottom: 4px;font-size: 16px;}
.top-search .keyword dd:not(:last-child){margin-right: 43px;}
.top-search .keyword dd a,
.top-search .keyword dd{color: #999;}
.top-search .keyword dd a:hover{color: #e25f26;}
@media(max-width:1024px){
.top-search .auto-inner > *{padding-left: 10px; padding-right: 10px;}
.top-search .text{font-size: 20px; height: 50px; line-height: 50px;}
.top-search .btn{width: 24px;}
.top-search .keyword dd:not(:last-child){margin-right: 25px;}
}

.open-search{ width: 14px; height: 14px;background: url(../images/top/btn-search.png) no-repeat center center;background-size: contain; position: relative;}
.open-search.on{background: none;}
.open-search.on:before,
.open-search.on:after{position: absolute; content: ''; width: 100%; height: 1px;background: #fff; left: 0; top: 50%; transform: rotate(45deg);}
.open-search.on:after{transform: rotate(-45deg);}
.goto-old{width: 100px;line-height: 28px; border: 1px solid #2e2e2e;border-radius: 30px; color: #fff; text-align: center;}
.goto-old:hover{background: #e25f26;border-color: #e25f26;color: #fff;}
@media(min-width:1025px){
.open-search{float: right;margin-top: 33px;}
.goto-old{float: right; margin-top: 25px;margin-left: 28px;}
}
@media(max-width:1024px){
.open-search{position: absolute; left: 2%; top: 50%; transform: translateY(-50%); width: 22px; height: 22px;}
.goto-old{position: absolute; left: 2%; margin-left:40px; top: 50%; transform: translateY(-50%); }
}
/*top END*/
/*bottom*/
.bottom{background-color: #050505;padding-top: 3%;padding-bottom: 2.6%;}
.bottom .outside dd{float: left; }
.bottom .outside dd a{position: relative; display: block;  height: 22px; z-index: 100;}
.bottom .outside dd figure{position: absolute; bottom: 100%; left: 50%; width: 150px; margin-left: -75px; padding: 5px;background: #fff; margin-bottom: 5px; display: none;}
.bottom .outside dd figure:after{position: absolute; content: ''; border: 5px solid transparent; border-top-color: #fff; left: 50%;margin-left: -5px; top: 100%;}
.bottom .outside dd .icon{height: 22px; width: 22px; overflow: hidden; position: relative;}
.bottom .outside dd .icon img{height: 22px;width: 22px; transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s; position: absolute; top: 0; left: 0;}
.bottom .outside dd .icon .img{ opacity: 0.3;}
.bottom .outside dd .icon .on{transform: translateY(-22px);-webkit-transform: translateY(-22px);-ms-transform: translateY(-22px);transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s; opacity: 0;}
.bottom .outside dd a:hover .icon .img{transform: translateY(-22px);-webkit-transform: translateY(-22px);-ms-transform: translateY(-22px);opacity: 0;}
.bottom .outside dd a:hover .icon .on{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;}

.bottom .bt_nav{padding-bottom:5%;}
.bottom .bt_nav li{position: relative; font-size:14px;}
.bottom .bt_nav  a{display: inline-block;position: relative;line-height: 30px;color:#999;}
.bottom .bt_nav  a:after{content:'';display: block;width: 0%;height: 2px;background-color: #e25f26;position: absolute;left: 0;bottom: 0px;transition:width 0.2s linear;-webkit-transition:width 0.2s linear;}
.bottom .bt_nav  a:hover:after{width: 100%;}
.bottom .bt_nav .name a{color:#fff;font-size:16px;}

.bottom .copyright,
.bottom .copyright a{color: rgba(255,255,255,0.8);}
.bottom .copyright a:hover{color: #e25f26;}
.bottom .outside dd{position:relative;}
.bottom .outside dd:not(:last-child):after{content:'';display: block;width: 1px;height: 8px;background-color: rgba(255,255,255,0.2);position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}

@media(min-width:769px){
.bottom .bt_nav .item{float:left;}
.bottom .bt_nav .ul_prod{width:280px;}
.bottom .bt_nav .ul_prod ol{float: left;max-width:48%;}
.bottom .bt_nav .ul_prod ol:nth-child(2){float:right;}
.bottom .bt_nav .name span{display:none;}
.bottom .bt_nav .name{padding-bottom:22px;}
.bottom .bt_nav .item ul{display:block!important;}
}
@media(min-width:1025px){
.bottom .footer{padding-top:20px; border-top:1px solid rgba(255,255,255,0.1);}
.bottom .outside{float: right;}
.bottom .outside dd:not(:last-child){margin-right: 40px;}
.bottom .outside dd:not(:last-child):after{right:-20px;}
.bottom .copyright{float:left;}
.bottom .bt_nav .ul_prod{width:356px;}
}
@media(max-width:1024px){
.bottom .footer{text-align: center;}
.bottom .outside{border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.1); padding: 15px 0;}
.bottom .outside dd{width: 12.5%;}
.bottom .outside dd a{margin: 0 auto; display: table;}
.bottom .copyright{padding-top: 15px;}
.bottom .outside dd figure{left: 0; margin-left: 0;}
.bottom .outside dd figure:after{left: 6px; margin-left: 0;}
.bottom .bt_nav .name{position:relative; padding:10px 0;}
}
@media(max-width:768px){
.bottom .bt_nav .name span{position:absolute;right:0; width:40px; text-align:center; z-index:10;line-height:30px;color:#fff; top:10px; transition:0.5s;}
.bottom .bt_nav .name span.on{transform:rotate(45deg);}
.bottom .bt_nav .item{margin:0!important;}
.bottom .bt_nav .item ul{display:none; padding-bottom:10px;}
.bottom .bt_nav .item:not(.item_nav) .name,
.bottom .bt_nav .item_nav{border-bottom:1px solid rgba(255,255,255,0.2);}
.bottom .bt_nav .item:last-child .name:last-child{border-bottom:0;}
}

a.gettop{position: fixed; right: 2%; bottom: 10%; background: rgba(0,0,0,0.2); width: 60px; z-index: 200; height: 60px;display: none;}
a.gettop:before{position: absolute; content: ''; width: 12px; height: 12px; border-top: 2px solid #fff;border-right: 2px solid #fff; transform: rotate(-45deg); left: 50%; top: 50%; margin: -3px 0 0 -6px;}
a.gettop:hover:before{border-color:#ea6011;}
@media(max-width:640px){
a.gettop{width: 40px; height: 40px;}
}
/*bottom*/
/*HOME*/
.index_bn{position: relative; z-index: 1;}
.index_bn .owl-carousel a{display: block;}
.index_bn .owl-dots{position: absolute;bottom: 5.5%;width: 100%;left: 0;text-align: center;}
.index_bn .owl-dots .owl-dot{display: inline-block;	width: 6px;height: 6px;margin: 0 10px;background-color: #fff;border-radius: 50%;}
.index_bn .owl-dots .owl-dot.active{background-color: #ea6011;box-shadow: 0 0 0 3px  #ea6011;}
.index_bn .detail{ height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 99;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.index_bn .detail .cont{position: relative;text-align: center;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.index_bn .detail .tit{ font-family: 'PuHuiTi-L'; font-weight: lighter; margin: 0;font-size: 60px;color: #e6e1e9;letter-spacing: 18px;line-height: 60px;}
.index_bn .detail .more{margin-top: 55px; display: inline-block;padding: 0 15px;background: url("../images/video.png") no-repeat right center; font-family: 'PuHuiTi-R';; font-weight: lighter; font-size: 16px;letter-spacing: 10px;color: #e6e1e9;}
.index_bn .detail::after{content: ""; display: block;width: 0%;position: absolute;height: 4px;background-color: #e25f26;left: 0;right: 0; bottom: 0; margin: auto; transition: width 0.5s linear;-webkit-transition:width 0.5s linear;}
.index_bn .owl-carousel li:hover .detail::after{width: 100%;}

.index_bn li video{position: absolute;top: 0;left: 0;width: 100%;}

.index_bn li .item1 .space{display: inline-block;width: 33%;}
.index_bn li .item1 .tit{font-size: 100px;letter-spacing: 60px;color: #e6e1e9;padding-left: 4%;font-weight: 100;}
.index_bn li .item1  .intro{width: 100%;position: absolute;text-align: center;bottom: 11%;font-family: 'PuHuiTi-L';font-size: 24px;font-weight: lighter;letter-spacing: 7px;color: #ffffff;}

.index_bn .detail .more:hover{color: #e25f26;background: url("../images/video2.png") no-repeat right center;}
.index_bn .detail .more,.index_bn .detail .tit,.index_bn li .item1  .intro{opacity: 0;}
.index_bn .detail .fadeUp { position: relative;animation: fadeUp  1.5s 1;-webkit-animation:fadeUp  1.5s 1;animation-fill-mode : forwards}
@keyframes fadeUp {
    0%{opacity: 0; transform:translateY(150%);-ms-transform:translateY(150%);-webkit-transform:translateY(150%);}
    100%{opacity: 1; transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);}
}
@-moz-keyframes fadeUp {
    0%{opacity: 0; transform:translateY(150%);-ms-transform:translateY(150%);-webkit-transform:translateY(150%);}
    100%{opacity: 1; transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);}
}
@-webkit-keyframes fadeUp {
    0%{opacity: 0; transform:translateY(150%);-ms-transform:translateY(150%);-webkit-transform:translateY(150%);}
    100%{opacity: 1; transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);}
}
@-o-keyframes fadeUp {
    0%{opacity: 0; transform:translateY(150%);-ms-transform:translateY(150%);-webkit-transform:translateY(150%);}
    100%{opacity: 1; transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);}
}
@media(min-width:1025px){
.index_bn .owl-carousel .owl-item img.mb{display: none;}
}
@media(max-width:1024px){
.index_bn .owl-carousel .owl-item img.pc{display: none!important;}
.index_bn li .detail .tit{letter-spacing: 0.3em; text-indent: 0.3em;}
.index_bn li .item1 .detail .tit{padding-left:0; letter-spacing: 1em; text-indent: 1em;}
.index_bn li .item1 .space{display: none;}
.index_bn li .item1 .intro{font-size: 16px;}
}


.website{margin-top: -1px;background: #171718;}
.website .data{position: relative; z-index: 1;}
.website .data li{overflow: hidden;}
.website .wrap{background: url("../images/site-en.jpg")no-repeat center center;background-size: cover;padding-bottom: 61.45%;position: relative;}
.website .data li:nth-child(2) .wrap{background: url("../images/site-cn.jpg")no-repeat center center;background-size: cover;}
.website .cont{position: absolute;width: 100%; top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);text-align: center;color: #ffffff;}
.website .cont .icon{display: block;height: 100px;background-repeat: no-repeat;background-position: center center;}
.website li:nth-child(1) .cont .icon{background-image: url(../images/site-w.png);}
.website li:nth-child(2) .cont .icon{background-image: url(../images/site-c.png);}
.website .cont .en{font-weight: normal;margin: 0;line-height: 36px;margin-top: 60px;}
.website .cont .cn{ font-family: 'PuHuiTi-L';font-size: 24px;font-weight: lighter;margin: 0;margin-top: 15px;}
.website .hover{overflow: hidden; transition: opacity 0.2s linear;-webkit-transition:opacity 0.2s linear; opacity: 0; display: block; position: absolute;width: 50%;height: 100%; top: 0;left: 0;background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 10;}
.website .hover .left,
.website .hover .right{position: relative;}
.website .data li:nth-child(2) .hover{left: auto;right: 0;}
.website .hover::after{transition: width 0.5s linear;-webkit-transition:width 0.5s linear; display: block; width: 0%;height: 4px;background-color: #ea6011;position: absolute;left: 0; right: 0;bottom: 0; margin: auto;}
.website .hover a{display: inline-block; font-size: 24px;margin: 30px 0; position: relative;}
.website .hover a::after{content:""; transition: width 0.5s linear;-webkit-transition:width 0.5s linear; display: block; width: 0%;height: 2px;background-color: #ea6011;position: absolute;left: 0; bottom: 0; margin: auto;}
.website .hover a:hover::after{width: 100%;}
.website .hover a:hover{color: #e25f26;}
.website .hover .web{text-align: left;display: inline-block}
.website .hover video{position: absolute;top: 0;left: 0;width: 100%;}
.website .data li .hover:hover::after{width: 100%;}
.website .data li .hover:hover{opacity: 1;z-index: 100;}
.website .hover.show{width: 100%;}
@media(min-width:1025px){
.website .data li{width: 50%;float: left;}
.website .hover .left,
.website .hover .right{width: 50%;float: left;height: 100%;}
.website .data li:nth-child(2) .left{float: right;}
}
@media(max-width:1280px){
.website .cont .en{margin-top: 20px;}
.website .hover a{margin: 10px 0;}
}
@media(max-width:1024px){
.website .hover .left,
.website .hover .right{height: 50%;}
.website .hover video{height: 100%;object-fit: cover;left: -100%;width: 200%;}
}
@media(max-width:640px){
.website .cont .icon{height: 50px;background-size: contain;}
.website .cont .en{font-size: 20px;}
.website .cont .cn{font-size:18px; margin: 0 0 15px 0;}
}

.index_extend{position: relative;z-index: 80;}
.index_extend .data{display: none;}
.index_extend .data li>a{display: block;position: relative;background-color: #111;}
.index_extend .data  .txt{color: #fff;}
.index_extend .data .subtit{ font-family: 'PuHuiTi-R';font-size: 25px;line-height: 35px;letter-spacing: 1px;color: #fefefe;}
.index_extend .data .tit{ font-family: 'PuHuiTi-M';font-size: 55px;font-weight: normal;border-top: 2px solid #fff;padding-top: 30px;margin: 10px 0 0;}
.index_extend .data  .intro{ font-family: 'PuHuiTi-R';font-size: 24px;font-weight: lighter;letter-spacing: 1px;margin: 15px 0;}
.index_extend .data  .more{ font-family: 'PuHuiTi-L';display: inline-block;margin-top: 30px; font-size: 14px;font-weight: lighter;letter-spacing: 1px;padding-right: 15px;background: url("../images/more.png") no-repeat right center;}
.index_extend .btn_wrap{height: 85px;width: 75px;position: absolute;top: -50px;left: 0;right: 0;margin: auto;}
.index_extend .btn{cursor: pointer; display: inline-block;height: 35px;width: 75px;border:1px solid rgba(255,255,255,0.5);opacity: 0.8;border-radius: 100px;}
.index_extend .btn::after{content:"";display: block;height: 100%;width: 100%;background: url("../images/v_arrow.png") no-repeat center center;transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.index_extend .btn.open::after{transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);}

.index_extend .data  .more:hover{color: #e25f26;background: url("../images/more2.png") no-repeat right center;}
.index_extend .data li::after{content:""; transition: width 0.5s linear;-webkit-transition:width 0.5s linear; display: block; width: 0%;height: 4px;background-color: #ea6011;position: absolute;left: 0; right: 0;bottom: 0; margin: auto;}
.index_extend .data li:hover:after{width: 100%;}
@media(max-width:1280px){
.index_extend .data .tit{font-size: 42px;}
.index_extend .data .intro{font-size: 18px; margin: 10px 0;}
}
@media(min-width:1025px){
.index_extend .data .pic{width: 50%;}
.index_extend .data  .txt{text-align: center;}
.index_extend .data .cont{text-align: left; display: inline-block; max-width: 500px;}
}
@media(max-width:1024px){
.index_extend .data .ytable,
.index_extend .data .ytable-cell{display: block;}
.index_extend .data  .txt{padding: 20px;}
}
@media(max-width:640px){
.index_extend .data .tit{font-size: 32px;}
	.index_extend .data .subtit{font-size: 20px;}
.index_extend .data .intro{font-size: 16px; margin: 10px 0;}
}

@media (max-width: 1440px) {
.index_bn li .item1 .space{width: 25%;}
}
@media (max-width: 640px) {
.index_bn .owl-carousel .owl-item .mb{display: inline-block;}
.index_bn .owl-carousel .owl-item .pc{display: none;}
}

/*HOME*/

.history{background-color: #202020;background-position: center top;}
.history .slider li .inner{position: relative; height: 100%;}
@media(min-width:1281px){
/* .history .slider{margin-right: -10%;} */
.history .slick-list{padding-right: 10%;}
.history .slider li .inner{width: 130%;}
}
.history .slider li .inner .main{height: 100%;}
.history .slider li .year{font-size: 36px;color: #ea6011;}
.history .slider li pre{line-height: 30px;font-size: 16px;color: #fff;}
.history .slider li pre b{font-size: 20px;font-family: 'PuHuiTi-R';}
.history .slider li .inner:before{position: absolute; content: ''; left: 38%; margin-left: -3px; background: #fff;width: 6px; height: 6px; transform: rotate(45deg); }
.history .slider li .line:before,
.history .slider li .line:after{position: absolute; content: ''; height: 1px; background: #fff;}
.history .slider li .line:before{width: 38%;right: 62%; margin-right: 40px;}
.history .slider li .line:after{width: 62%; left: 38%; margin-left: 40px;}

.history .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); border: 1px solid rgba(255, 255, 255,0.2);background: none;padding: 0;cursor: pointer; z-index: 10;font-size: 0; width: 80px; height: 80px; border-radius: 50%;}
.history .slick-prev{left: -115px;}
.history .slick-next{right: -115px;}
.history .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%; border: 2px solid #fff; border-top: 0; border-right: 0; transform: rotate(45deg); left: 40%; top: 40%;}
.history .slick-next:before{transform: rotate(-135deg);}
.history .slick-disabled{cursor: default;}
@media(min-width:1441px){
.history .slider li{height: 943px; }
.history .slider li:nth-child(2n-1) .main{ padding-top:207px;}
.history .slider li:nth-child(2n) .main{ padding-top:572px;}
}
@media(min-width:769px){
.history .slider li .year{border-right: 4px solid #ea6011;float:left;width: 38%;min-height: 160px;}
.history .slider li pre{float: right; width: 58%;}
.history .slider li .inner:before{top:50%; margin-top: -3px; }
.history .slider li .line:before,
.history .slider li .line:after{top: 50%;}
.history .slider li.slick-active:last-child .line:after{width: 30%;}
}
@media(max-width:1800px){
.history .slick-prev{left: 0;}
.history .slick-next{right:0;}
.history .slider{padding: 0 70px;}
.history .slick-arrow{width: 60px;height: 60px;}
}
@media(min-width:769px) and (max-width:1600px){
.history{background-position: center 47%;}
.history .slider li{height: 700px; }
.history .slider li:nth-child(2n-1) .main{ padding-top:110px;}
.history .slider li:nth-child(2n) .main{ padding-top:440px;}
.history .slider li .year{font-size: 2vw;}
}
@media(min-width:769px) and (max-width:1280px){
.history .auto-inner{width:100%;}
.history .slider li .year{font-size:1.5vw;}
.history .slick-list{padding-right:10%;}
.history .slider li .inner .main{width: 120%;}
}
@media(min-width:769px) and (max-width:1366px){
.history .slider li pre{font-size: 14px;line-height: 24px;}
}
@media(max-width:768px){
.history{padding: 10% 0;}
.history .slider li .inner{ padding-bottom: 16%;overflow: hidden;}
.history .slider li .inner:before{bottom:  3px; }
.history .slider li .line:before,
.history .slider li .line:after{bottom:6px; }
.history .slider li pre{overflow: auto;max-height: 182px;}
.history .slider li .year{border-left: 4px solid #ea6011; padding-left: 5%; margin-bottom: 15px;}
.history .slider li.slick-active .inner .main{opacity: 1;transform:none;}
.history .slider li .inner:before{left: 50%; bottom: 3px;}
	.history .slider li .line:before,
	.history .slider li .line:after{width: 50%;}
	.history .slider li .line:before{right: 50%;}
	.history .slider li .line:after{left: 50%;}
}
@media(max-width:640px){
.history .slick-arrow{width: 40px;height: 40px;}
.history .slider{padding: 0 45px;}
.history .slider li .year{font-size:28px;}
}

.dream{ padding: 8.251% 0;color: #fff; background-position: right center;}
/*.dream .auto-inner{max-width: 1520px;}*/
.dream .auto-inner> *{max-width: 800px;}
.dream .title{font-size: 60px;}
.dream .list dl{border-bottom: dashed 1px #333; padding: 39px 0 0 0;}
.dream .list dl > *{padding-bottom: 38px;}
.dream .list dd{line-height: 32px;font-size: 16px;position: relative; padding-left: 42px;display: none;}
.dream .list dd:before{position: absolute; content: '';width: 20px;height: 1px;background-color: #aaa; top: 15px; left: 0; }
.dream .list dt{line-height: 36px;font-size: 24px;color: #fff; text-transform: uppercase; cursor: pointer;}
.dream .list dt.on{color: #e25f26;}
@media(max-width:1024px){
.dream{background-position: right top;background-size: 100% auto;background-color: #171717;}
.dream .title{font-size: 36px;}
.dream .list dl{padding: 20px 0 0 0;}
.dream .list dl > *{padding-bottom: 19px;}
.dream .list dt{line-height: 30px;font-size: 20px;}
}
@media(max-width:640px){
.dream .title{font-size: 30px;}
.dream .list dd{line-height: 24px;font-size: 14px;}
.dream .list dd:before{top: 10px;}
}

.nav-menu{background: #fff;position:relative; z-index:50;}

.nav-menu .nav-inner{position:absolute; left:0; top:0; width:100%;}
.nav-menu.fixed{ z-index:99;}
.nav-menu.fixed .nav-inner{position:fixed; z-index:99;background-color: #fff;}


.nav-menu-center .nav ul{display:table; margin:0 auto;max-width:100%;}
.nav-menu-center{ text-align: center; }
.nav-menu-center .nav ul li:not(:last-child){margin-right:3.74vw;}

.nav-menu .nav li{float: left;}
.nav-menu .nav li:not(:last-child){margin-right: 4.5%;}
.nav-menu .nav li a{display: block;position: relative;}
.nav-menu .nav li a:after{position: absolute; content: ''; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width: 0; height: 2px;background: #e25f26; bottom: 0; transition: 0.3s;}
.nav-menu .nav li.aon a:after,
.nav-menu .nav li a:hover:after{width: 100%;}
.down_menu .nav-menu{ background-color: #202020; border-bottom: 1px solid #373737; font-size: 16px;}
.down_menu .nav-menu.fixed .nav-inner{ background-color: #202020;}
.down_menu .nav-menu a{ color: #fff; padding: 0 10px; min-width: 100px;}
@media(min-width:1025px){
.nav-menu{height: 80px;}
.nav-menu .nav li{ line-height: 80px; }
}
@media(max-width:1024px){
.nav-menu{height: 50px;}

.nav-menu .nav li{ line-height: 50px; }
.nav-menu-center .nav ul li,
.nav-menu-center .nav ul li:last-child{margin-right:3.74vw;}
}
@media(max-width:480px){
.nav-menu{height: 40px;}
.nav-menu .nav li{ line-height: 40px; }
}

#nav-menu .auto-inner{position: relative; z-index: 101;}
#nav-menu .nav{overflow: hidden;height: 80px;position: relative;}
@media(max-width:1024px){
#nav-menu,
#nav-menu .nav{height: 54px;}
}
@media(max-width:480px){
#nav-menu,
#nav-menu .nav{height: 44px;}
}
#nav-menu .nav.has-more{padding-right: 120px;}
#nav-menu .more{position: absolute; top: 50%; line-height: 34px; margin-top: -21px;right: 0;}
#nav-menu .more dt{ background: rgba(0,0,0,0.1); cursor: pointer;color: #aaa; cursor: pointer;border-radius: 35px; padding: 0 15px; margin: 4px 0;}
#nav-menu .more dt i{display: inline-block; vertical-align: middle;width: 6px; height: 6px; margin-top: -3px; margin-left: 10px; border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg); transition: 0.3s;}
#nav-menu .more dt.on i{-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: 0;}
#nav-menu .more dd{position: absolute; right: 0; width: 200px;background: #f5f5f7; top: 100%;border: 1px solid rgba(0,0,0,0.1);border-radius: 4px;padding:10px 15px;box-shadow: 0 3px 5px rgba(0,0,0,0.2);display: none;}
#nav-menu .more dd li a{display:block;}
#nav-menu .more dd li.aon a{color: #e25f26;}
#nav-menu .more dd li{line-height: 20px; padding: 10px 0;}
#nav-menu .more dd li:not(:last-child){border-bottom: 1px solid rgba(0,0,0,0.1);}
@media(max-width:480px){
#nav-menu .nav.has-more{padding-right:100px;}
#nav-menu .more dt{font-size: 14px; }
}


.prod-filter{padding:2% 0;}
.prod-filter .auto-inner{border: 1px solid #dedede;}
.prod-filter .sel-box dl{position: relative; z-index: 5; }
.prod-filter .sel-box dt{position: relative;line-height: 60px;}
.prod-filter .sel-box dt span{position: absolute; left: 0; text-transform: uppercase;font-size: 16px;color: #666;padding-left: 20px; padding-right: 10px;}
.prod-filter .sel-box dt a{padding-right: 30px;background: url(../images/select.png) no-repeat right 20px center; cursor: pointer;}
.prod-filter .sel-box dd{position: absolute; top: 100%;border: 1px solid #dedede;  right:-1px;left: -1px;background: #f5f5f7; max-height: 242px; overflow: auto;display: none;}
.prod-filter .sel-box dd a{display: block; padding: 10px;line-height: 20px; transition: 0.3s;}
.prod-filter .sel-box dd a:hover{padding-left: 25px;}
.prod-filter .search-box{ position: relative;padding-right: 60px;border-left: 1px solid #dedede;padding-left: 50px;}
.prod-filter .search-box .text{height: 60px;line-height: 60px; border: 0; width: 100%;background: none;font-size: 16px;color: #666;padding-left: 10px;}
.prod-filter .search-box .text.focus{color:#333;}
.prod-filter .search-box .btn{position: absolute; right: 0; top: 0; height: 100%; width: 60px;background: url(../images/btn-search.png) no-repeat center center;background-size: auto 18px;}
.prod-filter .search-box span{position: absolute; left: 0;color:#666;text-transform: uppercase;font-size: 16px; width: 50px; text-align: right;line-height: 60px;}
.prod-filter .search-box ul{position: absolute; top: 100%; left: 0; width: 100%; padding: 15px; background-color: #fff;border: 1px solid #dedede; display: none; z-index: 8;}
.prod-filter .search-box ul li a{ display: block; padding:5px 10px;  transition: 0.3s;}
.prod-filter .search-box ul li a:hover{padding-left: 25px; }

@media(min-width:1025px){
.prod-filter .sel-box{padding-right: 24%;}
.prod-filter .sel-box dl{float: left; min-width: 25%; max-width: 32%; border-right: 1px solid #dedede;}
.prod-filter .search-box{position: absolute; right: 0; top: 0; width: 24%;}
}
@media(max-width:1024px){
.prod-filter .sel-box dl{border-bottom: 1px solid rgba(255,255,255,0.05);}
.prod-filter .sel-box dl{border-bottom-color:#dedede;}
}

.product-list  .li{float: left;text-align: center; margin-bottom: 6%;position: relative;/*background: #fff;*/}
.product-list  .icon{ position: absolute; left: 10px; top: 10px; z-index: 3;}
.product-list  .icon span{ width: 50px; line-height: 50px; color: #fff; font-size: 16px; background-color: #eb6112; margin-bottom: 10px; text-align:center; display: block; border-radius: 100px;}
@media(min-width:769px){
.product-list  .li{ width: 27.961%; }
.product-list  .li:not(:nth-child(3n)){margin-right: 8.0585%;}
.product-list  .li:nth-child(3n+1){clear: left;}
}
@media(max-width:768px){
.product-list  .li{ width: 48%; }
.product-list  .li:not(:nth-child(2n)){margin-right:4%;}
}

.down_index{ padding-bottom: 8%;}
.Download_list .dtop{ font-size: 18px;}
.down_index .Download_list .dtop{ font-size: 16px;}
.down_index .sel-box dl{border: 1px solid rgba(255,255,255,0.05); font-size: 16px;}
.down_index .sel-box dl dt a{ text-align: left; color: #fff;}
.down_index .New_tit{ padding-bottom: 0;}
.down_index .New_tit h2{ margin: 0;}

.pic-area{position: relative;}
.pic-area .pic{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.product-list .li > a > .pic-area{padding-bottom: 80%;transition: 0.3s;}
.product-list .li > a:hover .pic-area{background: rgba(0,0,0,0.04);}
.product-list .li > a  aside.f-cn-t{margin-top: 40px;margin-bottom: 10px;font-size: 14px;}
.product-list .li > a p{font-size: 16px;color: #999;}
.product-list .li > a:hover  aside.f-cn-t{color: #00a0e9;}
/*,
.product-list .li > a:hover p*/
@media(max-width:480px){
.product-list .li > a aside.f-en-t{margin-top: 20px; font-size: 20px;}
}

.product-list .col-name{font-size: 48px;padding-bottom: 4%;color: #fff;}
@media(max-width:1024px){
.product-list .col-name{font-size: 36px;}
}
@media(max-width:640px){
.product-list .col-name{font-size: 30px;}
}
.product-list .item-box .li a{position: relative; z-index: 6;}
.product-list .item-box .li.click{overflow: inherit; z-index: 10;}
.product-list .li .hover-main{position: absolute;background: #1b1b1b;/*display: none;*/ width: 228.82%; left: 0; top: 0; transform: scale(0); transform-origin: left; opacity: 0; -webkit-opacity: 0;height: 100%; padding: 11% 8%; z-index: 2;transition: 0.3s;}
.product-list .li.click .hover-main{transform: scale(1);opacity: 1;-webkit-opacity: 1;  z-index: 10;}
.product-list .li .hover-main .close{position: absolute; width: 23px; height: 23px; right: 3%; top: 5%; cursor: pointer;}
.product-list .li .hover-main .close:before,
.product-list .li .hover-main .close:after{background: #fff; position: absolute;content: '';height: 2px; width: 100%; top: 50%;margin-top: -1px; left: 0; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.product-list .li .hover-main .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.product-list .li .hover-main .txt{width: 46.571%; text-align: left;}
.product-list .li .hover-main .ytable-cell:not(.txt){height: 100%;}
.product-list .li .hover-main .pic-area{height: 118%;}
.product-list .hover-main .tit{line-height: 36px; overflow: hidden;border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 6%; margin-bottom: 6%;}
.product-list .hover-main .tit span{max-width: 48%;}
.product-list .hover-main .tit span.f-en-t{font-size: 30px;color: #ea6011;float: left;}
.product-list .hover-main .tit .s-2{float: right;font-size: 16px;}
.product-list .hover-main .info{width: 90%;}
.product-list .hover-main .intro{padding-bottom: 12%;}
.product-list .hover-main .canshu dt{overflow: hidden;line-height: 30px;}
.product-list .hover-main .canshu dt span.s-1{float: left; max-width: 65%;}
.product-list .hover-main .canshu dt span.s-2{float: right; max-width: 30%;}
.product-list .hover-main .txt-scroll{line-height: 30px;}
@media(min-width:1201px){
.product-list .li:nth-child(3n) .hover-main{left: auto;right: 0;transform-origin: right;}
}
@media(max-width:1200px){
.product-list .item-box .li{ width: 48%;}
.product-list .item-box .li:not(:nth-child(3n)),
.product-list .item-box .li:nth-child(3n){margin-right:4%;}
.product-list .item-box .li:nth-child(2n){margin-right:0;}
.product-list .li .hover-main{ width: 208.349%;}
.product-list .item-box .li:nth-child(2n) .hover-main{left: auto;right: 0;transform-origin: right;}
}
@media(max-width:1024px){
.product-list .li .hover-main .txt{width: 60%;}
.product-list .hover-main .txt-scroll,
.product-list .hover-main .canshu dt{line-height: 20px;}
.product-list .li .hover-main .pic-area{height: 80%;}
}
@media(max-width:640px){
.product-list .li .hover-main .ytable-cell:not(.txt){display: none;}
.product-list .li .hover-main{padding: 20px;}
.product-list .hover-main .info{width: 100%;}
.product-list .li .hover-main .close{right: 5px; top: 5px;}
}
@media(max-width:480px){
.product-list .li .hover-main{height: 140%;}
.product-list .hover-main .tit span.f-en-t{font-size: 24px;}
}

.Pages{ font-size:18px; padding:36px 0; text-align:center; line-height:36px; padding-bottom: 7%;}
.Pages a.a_first,
.Pages .a_prev,
.Pages .a_next,
.Pages a.a_end,
.Pages > span{ display:none;}
.Pages .p_page,
.Pages .p_page em{display:inline-block; font-style:normal;}
.Pages a{color:#aaa;margin:0 20px; transition: 0.3s;}
.Pages .num a{border-bottom:2px solid transparent;}
.Pages a:hover,
.Pages .num a.a_cur{color: #e25f26;}
.Pages .num a.a_cur{border-bottom-color: #e25f26; }
.Pages a.a_next:after,
.Pages a.a_prev:before{content: ''; display: inline-block; vertical-align: middle; width:12px; height: 12px; border-top: 2px solid #aaa;border-right: 2px solid #aaa; margin-top: -2px;}
.Pages a.a_next:hover:after,
.Pages a.a_prev:hover:before{border-color: #e25f26;}
.Pages a.a_prev:before{ transform: rotate(-135deg); margin-right: 11px;}
.Pages a.a_next:after{margin-left: 11px;transform: rotate(45deg);}
@media(max-width:640px){
.Pages .num{ display:none;}
.Pages{padding:20px 0;}
}


.two-cate{padding: 6% 0 5% 0; text-align: center;}
.two-cate a{display: inline-block; max-width: 48%; margin: 0 20px;line-height: 60px;font-size: 16px;background: rgba(255,255,255,0.05); padding: 0 10px; min-width: 220px;}
.two-cate a.on{background: #ea6011;color: #fff;}
@media(max-width:768px){
.two-cate a{line-height: 40px; margin: 0 2%; min-width: inherit;}
}
@media(max-width:640px){
.two-cate a{font-size: 14px;}
}

.view-more{text-align: center;padding: 0 0 5% 0;}
.view-more a{display: block; width: 160px;line-height: 40px; border-radius: 40px;background: rgba(255,255,255,0.05);margin: 0 auto;color: #aaa; transition: 0.3s;}
.view-more a:after{content: ''; display: inline-block; vertical-align: middle;width: 6px; height: 6px; margin-top: -3px; margin-left: 10px; border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg); transition: 0.3s;}
.view-more a:hover{background: #ea6011;color: #fff;}
.view-more a:hover:after{border-color: #fff;}

.prod-technology .box-2{background: #181818;padding: 7% 0;}
.prod-technology .box-1{padding: 6.5% 0;}
.prod-technology .box-2 .pic{padding-top: 5%;}
@media(min-width:1025px){
.prod-technology .box-1 .pic{width: 43.421%;}
.prod-technology .box-1 .txt-info .singlePage{width: 90%;}
.prod-technology .box-2 .pic img.wap{display: none;}
}
@media(max-width:1024px){
.prod-technology .box-2 .pic img.pc{display: none;}
.prod-technology .box-1 .ytable,
.prod-technology .box-1 .ytable-cell{display: block;}
}

.prod-info{overflow: hidden;}
.profloor.floor-1 .pic-area{padding-bottom: 57.895%;  text-align: center;}
.profloor  .intro-main{padding: 8% 0 4% 0;}
.profloor  .intro-main .name{font-size: 48px;line-height: 1.4583em; padding-bottom: 3%;}
.profloor.floor-1 .intro-main .name{ border-bottom: 1px solid #a8adb3;}
.profloor  .intro-main .subtit{font-size: 24px; letter-spacing: 1px;}
.profloor  .intro-main .tit{font-size: 30px; padding: 35px 0 25px 0;}
.profloor  .intro-main .shuxing{ /* border-bottom: 1px solid #a8adb3; */ font-size:16px;}
.profloor  .intro-main .shuxing pre{line-height:36px;}
.profloor  .intro-main .shuxing dd{font-size: 16px; line-height: 20px;padding: 8px 0;}
.profloor  .intro-main .mai-dian dd{float: left; text-align: center;}
.profloor  .intro-main .mai-dian dd .icon{height: 52px;}
.profloor  .intro-main .mai-dian dd .icon img{max-width: 52px;}
.profloor  .intro-main .mai-dian dd aside{font-size: 16px;line-height: 24px; height: 48px;margin: 5px 0;}
@media(min-width:641px){
.prod-info  .intro-main .shuxing dl dd{float: left;}
.prod-info  .intro-main .shuxing dl.row-3 dd{width: 28%;}
.prod-info  .intro-main .shuxing dl.row-3 dd:nth-child(1){width: 40%;}
.prod-info  .intro-main .shuxing dl.row-3 dd:not(:last-child){margin-right: 2%;}
.prod-info  .intro-main .shuxing dl.row-3 dd:last-child{width: auto; max-width: 28%;float: right;}
.prod-info  .intro-main .shuxing dl.row-2 dd:nth-child(1){width: 40%;margin-right: 2%;}
.prod-info  .intro-main .shuxing dl.row-2 dd:nth-child(2){width: 58%;}
.profloor  .intro-main .mai-dian dd{width: 16.667%; }
.profloor  .intro-main .mai-dian dd:nth-child(6n+1){clear: left;}
}
@media(min-width:1025px){
.prod-info .floor-1{background: url(../images/prod-infobg.jpg) no-repeat center bottom;background-size: cover;}
.prod-info .floor-1 .pic-area{float: left; width: 47.369%; padding-top: 10%;}
.prod-info .floor-1 .intro-main{float: right; width:49%; max-width: 640px;}
.prod-info  .intro-main .mCustomScrollbar{max-height: 185px;}
.profloor  .intro-main .mai-dian{margin: 3.5% -15% 0 -5%;}
}
@media(max-width:1366px){
.prod-info .floor-1 .intro-main{margin-right: 3%;}
.profloor .intro-main .tit{padding: 0 0 10px 0;}
}
@media(max-width:1024px){
.prod-info  .intro-main .mCustomScrollba{touch-action: initial !important;}
}
@media(max-width:640px){
.profloor .intro-main .name{font-size: 32px;}
.profloor  .intro-main .subtit{font-size: 24px; }
.profloor  .intro-main .tit{font-size: 20px;}
}
@media(min-width:481px) and (max-width:640px){
.profloor  .intro-main .mai-dian dd{width: 25%; }
.profloor  .intro-main .mai-dian dd:nth-child(4n+1){clear: left;}
}
@media(max-width:480px){
.profloor  .intro-main .mai-dian dd{width: 33.333%; }
.profloor  .intro-main .mai-dian dd:nth-child(3n+1){clear: left;}
	.profloor .intro-main .mai-dian dd aside{font-size: 14px; line-height: 22px;height: 44px;}
.profloor  .intro-main .shuxing{ font-size:14px;}
.profloor  .intro-main .shuxing pre{ font-size:14px;}
.profloor  .intro-main .shuxing pre label{display:block;float:left;width:100%;}
}


.full-range{background: #181818; text-align: center;padding: 50px 0;}
.full-range a{display: inline-block;color: #fff; }
.full-range a:before{width: 100px;height: 100px; display: block; content: ''; margin: 0 auto;background:url(../images/all.png) no-repeat center center;background-size: contain;}
.full-range a:hover{color: #e25f26;}
.full-range a:hover:before{background-image: url(../images/all_hover.png);}
.full-range aside.t-1{font-size: 36px;margin-top: 20px;}
.full-range aside.t-2{font-weight: 100; letter-spacing: 3px;margin-top: 10px;font-size: 24px;}
@media(max-width:768px){
.full-range a:before{width: 70px;height:70px; }
.full-range aside.t-1{font-size: 28px;}
.full-range aside.t-2{font-size: 18px;}
}

.video-box{ position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; text-align: center;}
.video-box::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.85); z-index: 0;}
.video-box .video-container{ display: inline-block; max-width: 80%; position: relative; z-index: 5; min-width: 40%;}
.video-box .video-container h3{margin: 0; background-color: #fff; color: #333; font-size: 18px; padding: 10px;  text-align: left;}
.video-box .video-container h3.notitle{background:none;height:40px;}
.video-box .video-container h3.notitle .close:before{color:#fff;}
.video-box .close{ position: absolute;top: 0; right: 0; cursor: pointer; z-index: 999; width: 40px; height: 40px; text-align: center; /*border-radius: 100%;  border: 2px solid #fff; */}
.video-box .close:before{ content: "×"; font-family: "宋体"; font-size: 32px; color: #000; line-height: 40px; }
.video-box video{position:relative; width: 100%; max-height: 100%; background: #000; object-fit: fill; z-index: 1;}
.prism-controlbar-bg {background: rgba(0,0,0,.8) !important;}
.zhutui-body .section{overflow: hidden;}
.zhutui-body .fp-section.fp-table,
.zhutui-body .fp-tableCell{display: block;}
@media(min-width:1201px){
.zhutui-body .top{position: absolute; left: 0; top: 0; width: 100%;}
}
@media(max-width:1200px){
.zhutui-body .fp-table,
.zhutui-body .fp-tableCell{height: auto!important;}
}


/* profloor冰箱卖点样式 singlePage */
.profloor{font-size: 18px; position: relative;}
.profloor .txt-area{position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 10;}
.profloor .intro-main .mCustomScrollbar{max-height: 185px;}
.profloor .intro-main .subtit{font-size: 30px;}
.profloor .intro-main{width: 90%;}
.profloor.floor-2{color: #fff;}
.profloor.floor-2 .intro-main{max-width: 455px; width: 62%;}
.profloor.floor-2 .intro-main .name{padding-bottom: 0.5%;}
.profloor.floor-2 .intro-main .texing{border-top: 2px solid #fff; margin-top: 15%;}
.profloor.floor-2 .intro-main .tit{padding-bottom: 2%;}
.profloor.floor-1{border-bottom: 5px solid #e25f26;}

.floor-3_box{float: left; width: 50%; position: relative;}
.floor-3_box.nsize1{width: 100%;}
.floor-3_box.nsize1 img{width: 100%;}
.floor-3_box .word{position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; text-align: center; padding: 8% 2% 2%;}
.floor-3_box .word-inner{max-width: 466px; margin: 0 auto;}
.floor-3_box .word .tit{margin: 0; padding-bottom: 2%; font-weight: normal;}

.profloor.floor-4{color: #184a95;}
.profloor.floor-4 .intro-main{max-width: 455px;}
.profloor.floor-4 .intro-main .name{padding-bottom: 0.5%;}
.profloor.floor-4 .intro-main .texing{margin:8% 0 20%;  color: #5e769b; }
.profloor.floor-4 .intro-main .pic{ width: 60%;}
.profloor.floor-5 {padding: 5% 0;}
.profloor.floor-5 .ul_mk{margin: 0 -2%; text-align: center;}
.floor-5_box{float: left; width: 25%; position: relative; padding: 2%;}
.floor-5_box.nsize1,.floor-5_box.nsize2,.floor-5_box.nsize3{ display: inline-block;float: none;}
/* .floor-5_box.nsize2{width: 50%;}
.floor-5_box.nsize3{width: 33.333334%;} */
.floor-5_box .word{ color: #fff; text-align: center; padding: 5%; background: url(../images/jbg.jpg) no-repeat left top #ea6011;}
.floor-5_box .word .tit{margin: 0; padding-bottom: 2%; font-weight: normal;}
.profloor.floor-6{color: #fff;}
.profloor.floor-6 .intro-main{max-width: 480px;}
.profloor.floor-6 .intro-main .name{padding-bottom: 0.5%;}
.profloor.floor-6 .intro-main .texing{margin:8% 0 0; }


.profloor.floor-7{color: #fff;}
.profloor.floor-7 .intro-main{max-width: 580px; margin-left: auto; color: #fff;}
.profloor.floor-7 .intro-main .name{padding-bottom: 0.5%;}
.profloor.floor-7 .intro-main .texing{margin:8% 0 0; }
.profloor.floor-7 .intro-main ul{display: table;table-layout: fixed; width: 100%; padding-top: 3%;}
.profloor.floor-7 .intro-main li{display:table-cell; vertical-align: middle; width: 25%; text-align: center;padding: 4% 1.5%;}
.profloor.floor-7 .intro-main li span{display: block; padding: 10px 0;}
@media (max-width:1366px) {
	.profloor .intro-main .subtit{font-size: 28px;}
}
@media (max-width:1024px) {
	.profloor.floor-1 .txt-area{ position: relative;}
	.profloor .intro-main .subtit{font-size: 26px;}
	.profloor.floor-1 .pic-area{padding-bottom: 0;}
	.profloor.floor-1 .pic-area .pic{position: relative;}
	.prod-info .floor-1 .intro-main{margin-right: 0; width: 100%;}
	.floor-5_box .word figure{height: 75px;}
	.profloor.floor-7 .img-block{width: 150%; max-width: 150%; left: -30%;position: relative;}
}
@media (max-width:768px) {
	.profloor .intro-main .subtit{font-size: 24px;}
	.profloor .img-block{width: 150%; max-width: 150%; left: -10%; position: relative;}
	.floor-3_box1,.floor-3_box2{width: 100%;}
	
	.profloor.floor-4 .intro-main .texing{ margin: 4% 0 8%;}
	.floor-5_box{width: 50%;}	
	.profloor.floor-7 .img-block{width: 200%; max-width: 200%; left: -50%;}
	.profloor.floor-7 .intro-main li img{max-width: 70%; margin: 0 auto;}
	.profloor.floor-7 .intro-main{max-width: 100%; width: 100%; position: relative; padding: 2%;}
	.profloor.floor-7 .intro-main>*{position: relative; z-index: 2;}
	.profloor.floor-7 .intro-main::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.15);}
}
@media (max-width:448px) {
	.profloor.floor-5 .word .tit{font-size: 22px;}
	.profloor .intro-main .name,.fz_52{font-size: 24px;}
	.profloor .intro-main .subtit{font-size: 18px;}
	.profloor .intro-main .tit{font-size: 16px;}
	.profloor .intro-main .shuxing dd,.profloor .singlePage,.profloor{font-size: 14px;}
	.profloor.floor-6 .intro-main .texing,.profloor.floor-7 .intro-main .texing{margin-top: 4%;}
	.profloor.floor-4 .intro-main .texing{margin: 4% 0;}
	.profloor.floor-6 .intro-main{width: 68%;}
	
}
/* profloor冰箱卖点样式 singlePage end */


/* lgprofloor冷柜卖点样式 singlePage */
.lgprofloor{font-size: 18px; position: relative;}
.lgprofloor .txt-area{position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 10;}
.lgprofloor .intro-main .mCustomScrollbar{max-height: 185px;}
.lgprofloor .subtit{font-size: 30px;}
.lgprofloor .intro-main{width: 90%;}
.lgprofloor.floor-2{color: #617693;}
.lgprofloor.floor-2 .intro-main{max-width: 505px; width: 62%; color: #194a99;}

.lgprofloor.floor-2 .intro-main .texing{ margin-top: 6%;color: #617693;}

.lgprofloor.floor-11 .intro-main{max-width: 580px; color: #194a99;}
.lgprofloor.floor-11 .intro-main .name{padding-bottom: 0.5%;}
.lgprofloor.floor-11 .intro-main .texing{margin:8% 0 0;  color: #617693;}
.lgprofloor.floor-11 .intro-main ul{ width: 100%;}
.lgprofloor.floor-11 .intro-main li{display: block; float: left; max-width: 300px; width: 40%; text-align: center;padding: 4% 3% 0 0;}
.lgprofloor.floor-11 .intro-main li .tit{display: block;padding: 2%; color: #194a99; height: 55px;}

.lgprofloor.floor-3 .intro-main{max-width: 580px; color: #194a99;}
.lgprofloor.floor-3 .intro-main .name{padding-bottom: 0.5%;}
.lgprofloor.floor-3 .intro-main .texing{margin:8% 0 0;  color: #617693;}
.lgprofloor.floor-3 .intro-main ul{ width: 100%; padding-top: 3%;}
.lgprofloor.floor-3 .intro-main li{display: inline-block; max-width: 300px; width: 49%; text-align: center;padding: 4% 3% 4% 0;}
.lgprofloor.floor-3 .intro-main li span{display: block; padding: 10px 0;}
.lgprofloor.floor-3 .intro-main li p{margin: 0 auto; font-size: 18px; color: #194a99; max-width: 225px;}
.lgprofloor.floor-3 .boxr{text-align: center;}
.lgprofloor.floor-3 .boxr .subtit{margin-top: 5%;}
.lgprofloor.floor-3 .boxr .texing{margin-top: 0;}

.lgprofloor.floor-4 .auto-inner{color: #617693; position: relative;}
.lgprofloor.floor-4 .intro-main{max-width: 505px; width: 62%; color: #194a99; margin: 0 auto; text-align: center;}
.lgprofloor.floor-4 .intro-main .bpic{padding: 8% 0 0; width: 85%; margin: 0 auto;}
.lgprofloor.floor-4 .box{ border: 2px solid #a1d0ee; border-radius: 15px; padding: 2% 4%; max-width: 340px; position: absolute; top: 50%; transform: translateY(-25%); text-align: center; width: 25%;}
.lgprofloor.floor-4 .box_l{left: 0;}
.lgprofloor.floor-4 .box_r{right: 0;}
.lgprofloor.floor-4 .box .subtit{color: #194a99;}
.lgprofloor.floor-4 .box .texing{color: #617693;}
.lgprofloor.floor-4 .p{position: absolute; bottom: 8%; right: 0;}


.lgprofloor.floor-5 {padding: 5% 0;}
.lgprofloor.floor-5 .ul_mk{margin: 0 -2%; text-align: center;}
.lgprofloor.floor-5 li{float: left; width: 25%; position: relative; padding: 2%;}
.lgprofloor.floor-5 li .word{ color: #fff; text-align: center; padding: 5%; background: url(../images/jbg.jpg) no-repeat left top #ea6011;}
.lgprofloor.floor-5 li .word .tit{margin: 0; padding-bottom: 2%; font-weight: normal;}
.lgprofloor.floor-5 li .word figure{max-width: 170px; margin: 0 auto;}

.lgprofloor.floor-6 .intro-main{max-width: 580px; margin-left: auto; color: #194a99; text-align: right;}
.lgprofloor.floor-6 .intro-main .name{padding-bottom: 0.5%;}
.lgprofloor.floor-6 .intro-main .texing{margin:8% 0 0;  color: #617693;}
.lgprofloor.floor-6 .intro-main ul{ width: 100%; padding-top: 3%;}
.lgprofloor.floor-6 .intro-main li{display: inline-block; max-width: 240px; width: 49%; text-align: center;padding: 4% 0 4% 3%;}
.lgprofloor.floor-6 .intro-main li span{display: block; padding: 10px 0;}

.lgprofloor.floor-8 .intro-main{max-width: 505px; width: 62%; color: #535f62; margin: 0 auto; text-align: center;}
.lgprofloor.floor-8 .intro-main .bpic{padding: 8% 0 0; max-width: 658px; margin: 0 auto;}
.lgprofloor.floor-9 .intro-main{max-width: 505px; width: 62%; color: #194a99;}
.lgprofloor.floor-9 .intro-main .texing{ margin-top: 6%;color: #617693;}
.lgprofloor.floor-10 .intro-main,.lgprofloor.floor-7 .intro-main{max-width: 580px; margin-left: auto; color: #194a99; text-align: right;}
.lgprofloor.floor-10 .intro-main .name,.lgprofloor.floor-7 .intro-main .name{padding-bottom: 0.5%;}

.lgprofloor .ytable-cell{width: 100%;}
@media(min-width:1025px){
.prod-info .lgfloor-1{background: url(../images/gbg1.jpg) no-repeat center bottom;background-size: cover;}
.prod-info .lgfloor-1 .pic-area{width: 42.369%;}
}
@media (max-width:1366px) {
	.lgprofloor .intro-main .subtit,.lgprofloor .subtit{font-size: 28px;}
	.lgprofloor,.lgprofloor.floor-3 .intro-main li p{font-size: 16px;}
}
@media (max-width:1024px) {
	.lgprofloor,.lgprofloor.floor-3 .intro-main li p{font-size: 14px;}
	.lgprofloor.floor-1 .txt-area{ position: relative;}
	.lgprofloor .intro-main .subtit,.lgprofloor .subtit{font-size: 26px;}
	.lgprofloor.floor-1 .pic-area{padding-bottom: 0;}
	.lgprofloor.floor-1 .pic-area .pic{position: relative;}
	.prod-info .floor-1 .intro-main{margin-right: 0; width: 100%;}
	.lgprofloor.floor-5 li .word figure{height: 75px;}
	.lgprofloor.floor-6 .img-block{width: 150%; max-width: 150%; left: -30%;position: relative;}
	.lgprofloor.floor-4 .intro-main .bpic{width: 64%;}
	.lgprofloor.floor-4 .box{transform: translateY(-11%);}
	.lgprofloor.floor-8 .intro-main .bpic{width: 74%;}
}
@media (max-width:768px) {
	.lgprofloor .img-block{width: 200%;max-width: 200%; left: -50%; position: relative;}
	.lgprofloor .intro-main .subtit,.lgprofloor .subtit{font-size: 24px;}
	.lgprofloor.floor-3 .img-block,.lgprofloor.floor-4 .img-block{position: absolute; z-index: 0; top: 0; height: 100%;}
	.lgprofloor.floor-3 .txt-area,.lgprofloor.floor-4 .txt-area{position: relative; z-index: 2; padding: 3% 0;}
	.lgprofloor.floor-3 .ytable-cell{display: block;}
	.lgprofloor.floor-3 .intro-main{max-width: none; width: 100%;}
	.lgprofloor.floor-3 .intro-main ul{padding-top: 0;}
	.lgprofloor.floor-3 .intro-main .texing{margin-top: 3%;}
	.lgprofloor.floor-4 .ytable-cell{display: block;}
	.lgprofloor.floor-4 .intro-main{width: 100%;}
	.lgprofloor.floor-4 .box,.lgprofloor.floor-4 .p{position: relative; width: 100%; transform: translateY(0); top: 0; margin: 3% auto 0; text-align: center;}
	.lgprofloor.floor-5 li{width: 50%;}	
	.lgprofloor.floor-6 .img-block{width: 200%; max-width: 200%; left: -50%;}
	.lgprofloor.floor-6 .intro-main{max-width: 100%; width: 100%; position: relative; padding: 2%;}
	.lgprofloor.floor-6 .intro-main>*{position: relative; z-index: 2;}
	.lgprofloor.floor-11 .img-block{width: 250%;max-width: 250%; left: -75%;}
	.lgprofloor.floor-4 .intro-main .bpic{ width: 60%;}
}
@media (max-width:448px) {
	.lgprofloor .intro-main .name,.fz_52{font-size: 24px;}
	.lgprofloor .intro-main .subtit,.lgprofloor .subtit{font-size: 18px;}
	.lgprofloor .intro-main .tit{font-size: 16px;}
	.lgprofloor .intro-main .shuxing dd,.lgprofloor .singlePage,.lgprofloor{font-size: 14px;}
	
}
/* lgprofloor冰箱卖点样式 singlePage end */




.CF-menu{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c61a47+0,c81b23+6,28a0c4+15,0d5797+26,466a76+30,e09d1f+38,b1a628+46,81af31+54,cf4b1d+71,cd444d+78,26a099+90,51a042+100 */
background: -moz-linear-gradient(left,  rgba(198,26,71,1) 0%, rgba(200,27,35,1) 6%, rgba(40,160,196,1) 15%, rgba(13,87,151,1) 26%, rgba(70,106,118,1) 30%, rgba(224,157,31,1) 38%, rgba(177,166,40,1) 46%, rgba(129,175,49,1) 54%, rgba(207,75,29,1) 71%, rgba(205,68,77,1) 78%, rgba(38,160,153,1) 90%, rgba(81,160,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(198,26,71,1) 0%,rgba(200,27,35,1) 6%,rgba(40,160,196,1) 15%,rgba(13,87,151,1) 26%,rgba(70,106,118,1) 30%,rgba(224,157,31,1) 38%,rgba(177,166,40,1) 46%,rgba(129,175,49,1) 54%,rgba(207,75,29,1) 71%,rgba(205,68,77,1) 78%,rgba(38,160,153,1) 90%,rgba(81,160,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(198,26,71,1) 0%,rgba(200,27,35,1) 6%,rgba(40,160,196,1) 15%,rgba(13,87,151,1) 26%,rgba(70,106,118,1) 30%,rgba(224,157,31,1) 38%,rgba(177,166,40,1) 46%,rgba(129,175,49,1) 54%,rgba(207,75,29,1) 71%,rgba(205,68,77,1) 78%,rgba(38,160,153,1) 90%,rgba(81,160,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.CF-menu.fixed{position: fixed; left: 0; width: 100%; top: 0; z-index: 200; transition: 0.3s;}
.CF-menu.fixed.hide{opacity: 0;-webkit-opacity: 0; transform: translateY(-80px);-webkit-transform: translateY(-80px);-ms-transform: translateY(-80px);}
.CF-menu ul{display: table; width: 100%; height: 80px;}
.CF-menu li{display: table-cell; vertical-align: middle; cursor: pointer;position: relative; width: 25%; text-align: center;}
.CF-menu li i{position: absolute; z-index: 4; left: 0; top: 0; width: 100%; height: 100%;}
.CF-menu li i:after{position: absolute; content: ''; right: 0; top: 50%; margin-top: -10px; height: 20px;background: rgba(255,255,255,0.1); width: 1px;}
.CF-menu li:before{position: absolute; left: 0; top: 0; width: 100%; bottom: 0;background: rgba(0,0,0,0.5); z-index: 1; content: '';transition: 0.3s;}
.CF-menu li aside{position: relative; z-index: 3;color: #fff;font-size: 18px; padding: 0 5px;}
.CF-menu li.active:before,
.CF-menu li:hover:before{-webkit-opacity: 0;opacity: 0;}
@media(max-width:640px){
.CF-menu li aside{font-size: 15px;}
.CF-menu ul{height: 60px;}
}
@media(max-width:480px){
.CF-menu li aside{font-size: 12px;}
}

.cf-list{padding-bottom: 6%; border-bottom: 1px solid rgba(255,255,255,0.05);margin-bottom: 6%;}
.cf-list .list-box{margin-top: 10%;}
.cf-list .list-box .pic-list li:not(:last-child){margin-bottom: 2px;}
.cf-list .list-box .pic-list li{position: relative;overflow: hidden;}
.cf-list .list-box .pic-list li a,
.cf-list .list-box .pic-list li .hover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.cf-list .list-box .pic-list li .hover{z-index: 5; text-align: center;background: rgba(255,255,255,0.7); transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%); opacity: 0; -webkit-opacity: 0; transition: 0.5s;-ms-transition: 0.5s;}
.cf-list .list-box .pic-list li:hover .hover{opacity: 1;-webkit-opacity: 1; transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);}
.cf-list .list-box .pic-list li .hover aside{display: inline-block; text-align: left;max-width: 90%; min-height: 99px; padding-left: 136px;background: url(../images/play.png) no-repeat left top;background-size: 99px auto; font-size: 36px; line-height: 48px;color: #e25f26; max-height:144px;overflow: hidden;}
.cf-list .list-box .title{font-size: 36px;color: #fff;line-height: 1.333em;}
@media(max-width:640px){
.cf-list .list-box .pic-list li .hover aside{font-size: 20px; line-height: 30px;max-height: 90px;min-height: 60px;background-size:60px auto;padding-left: 90px;}
.cf-list .list-box .title{font-size: 24px;}
}
.cf-list .list-box .title:after{display: block;content: ''; height: 2px;width: 100%; margin:34px 0 72px 0;
background: -moz-linear-gradient(left,  rgba(198,26,71,1) 0%, rgba(200,27,35,1) 6%, rgba(40,160,196,1) 15%, rgba(13,87,151,1) 26%, rgba(70,106,118,1) 30%, rgba(224,157,31,1) 38%, rgba(177,166,40,1) 46%, rgba(129,175,49,1) 54%, rgba(207,75,29,1) 71%, rgba(205,68,77,1) 78%, rgba(38,160,153,1) 90%, rgba(81,160,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(198,26,71,1) 0%,rgba(200,27,35,1) 6%,rgba(40,160,196,1) 15%,rgba(13,87,151,1) 26%,rgba(70,106,118,1) 30%,rgba(224,157,31,1) 38%,rgba(177,166,40,1) 46%,rgba(129,175,49,1) 54%,rgba(207,75,29,1) 71%,rgba(205,68,77,1) 78%,rgba(38,160,153,1) 90%,rgba(81,160,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(198,26,71,1) 0%,rgba(200,27,35,1) 6%,rgba(40,160,196,1) 15%,rgba(13,87,151,1) 26%,rgba(70,106,118,1) 30%,rgba(224,157,31,1) 38%,rgba(177,166,40,1) 46%,rgba(129,175,49,1) 54%,rgba(207,75,29,1) 71%,rgba(205,68,77,1) 78%,rgba(38,160,153,1) 90%,rgba(81,160,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.cf-list .list-box .singlePage{line-height: 30px;}
@media(min-width:1025px){
.cf-list .list-box .pic-list{width: 46.053%;}
.cf-list .list-box:nth-child(2n-1) .txt-main{padding-left: 10%;}
.cf-list .list-box:nth-child(2n) .txt-main{padding-right: 10%;}
}
@media(max-width:1024px){
.cf-list .list-box,
.cf-list .list-box > .ytable-cell{display: block}
.cf-list{max-width: 700px;margin-left: auto; margin-right: auto;}
.cf-list .list-box .txt-main{ padding: 40px 0 30px 0;}
}

.fast-links{padding-bottom: 8.4%;}
.fast-links .title{text-align: center;font-size: 36px;padding-bottom: 50px;color: #fff; text-transform: uppercase;}
.fast-links li{position: relative;}
.fast-links li a{position: absolute; left: 0; top: 0; width: 100%; z-index: 10; height: 100%; background: rgba(0,0,0,0.5);transition: 0.3s;}
.fast-links li a:hover{opacity: 0;-webkit-opacity: 0;}
@media(min-width:769px){
.fast-links li{float: left; width: 50%;}
}
@media(max-width:640px){
.fast-links .title{font-size: 24px; padding-bottom: 30px;}
}

.back-to-top{padding: 80px 0; text-align: center;}
.back-to-top i{cursor: pointer; display: inline-block; width: 200px; font-size: 16px;line-height: 55px; border-radius: 55px; border: 1px solid rgba(255,255,255,0.1);font-style: normal; transition: 0.3s;}
.back-to-top i:hover{background: #e25f26; color: #fff;}
@media(max-width:1024px){
.back-to-top{padding:40px 0; }
}

.singlePage{font-size: 16px;}

.info-same-dl dd{position: relative;padding-left: 14px;line-height: 20px;margin-bottom: 16px;}
.info-same-dl dd:before{position: absolute; content: ''; left: 0; top: 8px; width: 4px; height: 4px; border-radius: 50%; background:#666;}
/*edit*/
.css-36-1 .txt{position: absolute; left: 0;width: 100%; color: #fff; top: 10%;font-size: 100px; text-align: center;}
.css-36-1 .txt aside{font-size: 0.4em;}
.css-36-1 .txt .f-en-t{font-size: 1.2em;}
@media(max-width:1200px){
.css-36-1 .txt{font-size: 80px;}
}
@media(max-width:768px){
.css-36-1 .txt{font-size: 50px;}
}
@media(max-width:640px){
.css-36-1 .txt{font-size: 30px;}
}

.css-36-2{padding: 3% 0 4% 0;}
.css-36-2 .auto-inner{max-width: 1205px;}
.css-36-2 dd{float: left;  text-align: center;color: #fff; margin: 5% 0;}
.css-36-2 dd span{font-size: 60px;color: #ea6011;display: inline-block;position: relative;}
.css-36-2 dd i{font-style: normal;}
.css-36-2 dd sub{display: inline-block;vertical-align: baseline; font-size: 18px;}
@media(min-width:769px){
.css-36-2 dd{width: 33.3333%;}
.css-36-2 dd:nth-child(3n+1){clear: left;}
}
@media(max-width:768px){
.css-36-2 dd{width: 50%;}
.css-36-2 dd:nth-child(2n+1){clear: left;}
}
@media(max-width:640px){
.css-36-2 dd span{font-size: 28px;}
.css-36-2 dd sub{bottom: 8px;font-size: 16px;}
}

/*.css-36-3 .txt{position: absolute; left: 0;width: 100%; color: #ea6011; top: 50%; transform: translateY(-50%);font-size: 100px; text-align: center;}
.css-36-3 .txt .auto-inner{max-width: 1212px;}
.css-36-3 .txt .f-cn-t-m{font-size: 0.36em; margin-bottom: 0.6538em; text-transform: uppercase;}
.css-36-3 .txt aside{line-height: 1.666em;font-size: 0.18em;color: #fff;}
@media(max-width:1024px){
.css-36-3{overflow: hidden;}
.css-36-3 > img{width: 180%; margin-left: -40%; max-width: inherit;}
}
@media(max-width:768px){
.css-36-3 .txt{font-size:60px;}
}
@media(max-width:480px){
.css-36-3 > img{width: 220%; margin-left: -60%; }
}*/

.css-36-3{overflow: hidden;}
.css-36-3 .txt{color: #ea6011; font-size: 100px; text-align: center;}
.css-36-3 .txt .auto-inner{max-width: 1212px;}
.css-36-3 .txt .f-cn-t-m{font-size: 0.36em; margin-bottom: 1.63888em; text-transform: uppercase;}
.css-36-3 .txt aside{line-height: 2em;font-size: 0.16em;color: #aaa;}
.css-36-3 > img{max-width: inherit; width:100%}
@media(min-width:641px){
.css-36-3 .txt{position: absolute; left: 0;width: 100%; top: 50%; transform: translateY(-50%);}
}
@media(min-width:641px) and (max-width:1024px){
.css-36-3 > img{width: 180%; margin-left: -40%; }
}
@media(max-width:768px){
.css-36-3 .txt{font-size:60px;}
}
@media(max-width:640px){
.css-36-3 > img{position:absolute;min-width:100%;min-height:100%;top: 50%;left: 50%; transform: translate(-50%,-50%); z-index:1;}
.css-36-3 .txt{position:relative; z-index:3; padding:6% 0;}
.css-36-3 .txt aside{font-size:14px;line-height:24px;}
}


.css-36-4{padding: 8.408% 0 7.357% 0;}
/*.css-36-4 .auto-inner{max-width: 1520px;}*/
.css-36-4 .pic .main{position: relative;}
.css-36-4 .pic .logo{position: absolute; right: -14.8232%; top: -8%; width: 29.642%; z-index: 10;}
.css-36-4 .txt{padding: 0 4%; font-size:100px;}
.css-36-4 .txt .f-cn-t-m{font-size: 0.36em;color: #ea6011; margin-bottom:8%;}
.css-36-4 .txt dl{color:#fff;font-size:0.18em;line-height:2.22em;}
.css-36-4 .txt dd{padding-left:20px;position:relative;}
.css-36-4 .txt dd:before{position:absolute;content:''; width:8px;height:8px;background:#ea6011;left:0; transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg); top:0.9em;}
@media(min-width:769px) and (max-width:1200px){
.css-36-4 .txt{padding-left: 10%;}
.css-36-4 .txt .f-cn-t-m{font-size: 0.3em; margin-bottom: 1.333em;line-height: normal;}
}
@media(min-width:769px){
.css-36-4 .txt .main{float: right;width: 73.23%;}
.css-36-4 .pic{width: 36.385%;}
}
@media(max-width:768px){
.css-36-4 .txt{font-size:60px;}
.css-36-4 .ytable,
.css-36-4 .ytable-cell{display: block;}
.css-36-4 .pic{width:80%;margin: 0 auto;}
.css-36-4 .pic .main{padding-right:15%;padding-top:10%;}
.css-36-4 .pic .logo{right: 0; top: 0;}
.css-36-4 .txt{padding:40px 3% 3%;}
.css-36-4 .txt dl{font-size:14px;line-height:24px;}
}

/*banner edit*/
.css-41-3 .Ispic{padding-top: 3%;}
.css-41-3 .pic{width: 25.198%;}
.css-41-3 .pic > img{z-index: 10;position: relative;}
.css-41-3 .pic .small{position: absolute; z-index: 2; width: 85.64%; left: 79%; bottom: 7%;}
.css-41-3 .txt{font-size: 100px;position: absolute; right: 8%; top: 50%; transform: translateY(-50%); width: 25.789%;}
.css-41-3 .txt aside{font-size: 0.48em; margin-bottom: 8%;}
.css-41-3 .txt p{line-height: 2.25em; font-size: 0.16em;}
@media(min-width:1025px){
.css-41-3 .pic{margin-left: 14.014%}
}
@media(max-width:1024px){
.css-41-3 .pic{margin-left:4%}
.css-41-3 .txt{width: 40%;right: 4%; }
.css-41-3 .txt{font-size: 80px;}
}
@media(max-width:768px){
.css-41-3 .txt{font-size: 60px;}
}
@media(max-width:640px){
.css-41-3 .txt{font-size: 40px;}
}


.css-41-13 .txt{position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); z-index: 10;color: #fff;font-size: 100px; padding: 0 5%;}
.css-41-13 .txt aside.f-en-t{font-size: 0.6em;}
.css-41-13 .txt p.p-1{font-size: 0.3em; margin-bottom: 2.8%; margin-top: 1.8%;}
.css-41-13 .txt p.p-2{line-height: 2.25em;font-size: 0.16em;}
@media(max-width:1024px){
.css-41-13 .txt{font-size: 80px;}
}
@media(max-width:768px){
.css-41-13 .pic{overflow: hidden;}
.css-41-13 .pic img{max-width: inherit; width: 180%; margin-left: -40%;}
.css-41-13 .txt{font-size: 70px;}
}
@media(max-width:640px){
.css-41-13 .txt{font-size: 40px;}
}

.css-13-1 aside.f-en-t{font-size: 48px;}
.css-13-1 p{line-height: 36px;font-size: 16px; text-transform: uppercase;}
.prod-technology .box-2 .css-13-1 p{max-width: 587px; margin-left:auto; margin-right: auto;}

@media(max-width:1366px){
.css-13-1 aside.f-en-t{font-size: 32px;}
}


.css-11-same aside.f-en-t{font-size:50px;margin-bottom:52px;line-height: 56px;}
.css-11-same p{line-height: 36px;}
@media(max-width:768px){
.css-11-same aside.f-en-t{font-size: 32px;line-height: normal; margin-bottom: 36px;}
.css-11-same p{line-height: 28px;}
}
@media(max-width:480px){
.css-11-same aside.f-en-t{font-size: 26px;}
.css-11-same p{line-height: 24px;}
}

.css-11-2 li{position: relative;}
@media(min-width:769px){
.css-11-2 li aside.f-en-t{font-size:44px;}
}
.css-11-2 li .txt{padding: 0 8.334%; }
.css-11-2 li .pic img{max-width: 80%;}
.css-11-2 li:nth-child(1){background: #202020;}
.css-11-2 li:nth-child(2){background: #181818;}
@media(min-width:768px){
.css-11-2 li .txt{position: absolute; left: 0; top: 10%; width: 100%; max-width: 681px; z-index: 10;}
.css-11-2 li .pic{text-align: right; padding-top: 42.5%;}
}
@media(min-width:1201px){
.css-11-2 li{float: left;width: 50%;}
}
@media(min-width:1201px) and (max-width:1500px){
.css-11-2 li .pic{padding-top:55%;}
}
@media(min-width:1201px) and (max-width:1280px){
.css-11-2 li .pic{padding-top:60%;}
}
@media(max-width:768px){
.css-11-2 li .pic{text-align: center;}
.css-11-2 li .txt{padding: 5%; }
}

.css-11-3{background-position: center bottom;background-size: cover;}
.css-11-3 .txt p{max-width: 644px;}
.css-11-3 .pic{vertical-align: bottom;text-align: center;}
@media(min-width:1025px){
.css-11-3 .txt{width: 50%;}
.css-11-3 .pic{ padding-top: 7%;}
}
@media(max-width:1024px){
.css-11-3 .ytable,
.css-11-3 .ytable-cell{display: block;}
.css-11-3 .txt p{ margin-left: auto; margin-right: auto;}
.css-11-3 .txt{padding: 40px 0;text-align: center;}
.css-11-3 .pic img{width: 80%;}
}


.css-11-4{padding-top: 6%;background-position: center bottom;background-size: cover;}
.css-11-4 .auto-inner{width: 50%; max-width: 521px;}
.css-11-4 li{position: absolute; width: 69.29%; height: 1px;background: rgba(255,255,255,0.3);}
.css-11-4 li .icon{border: 1px solid rgba(255,255,255,0.3);position: absolute; width: 82px; top: 50%; transform: translateY(-50%);}
.css-11-4 li .icon img{display: block;}
.css-11-4 li .icon.l{right: 100%;}
.css-11-4 li .icon.r{left: 100%;}
.css-11-4 li:nth-child(1){right: 77%; top: 16%; }
.css-11-4 li:nth-child(2){left: 70%; top: 11%;}
.css-11-4 li:nth-child(3){right: 60%; top: 34.5%;}
.css-11-4 li:nth-child(4){left: 63%;top: 27%;width: 85.413%;}
.css-11-4 li:nth-child(5){right: 80%;top: 56%;}
.css-11-4 li:nth-child(6){left: 95%; top: 47%;width: 44.338%;}
.css-11-4 li:nth-child(7){width: 79.847%; left: 80%; top:60%;}
.css-11-4 li:nth-child(8){ bottom: 25%;right: 52%;}
.css-11-4 li:nth-child(9){bottom: 25%; left: 56%; width: 72.169%;}
@media(max-width:1440px){
.css-11-4 .auto-inner{width: 40%;}
.css-11-4 li .icon{width: 70px;}
}
@media(max-width:1280px){
.css-11-4 li{width: 50%!important;}
}
@media(max-width:1024px){
.css-11-4 li .icon{width: 50px;}
}
@media(max-width:640px){
.css-11-4 li{width: 60%!important;}
.css-11-4 .auto-inner{width: 37%;}
.css-11-4 li .icon{width: 28px;}
.css-11-4 li:nth-child(6){top: 43%;}
}


.css-11-5 .box-2{background: #e25f26; text-align: center;color: #fff; padding: 3%;}
.css-11-5 .box-2 aside.f-en-t{font-size: 30px; margin-bottom: 18px;}
.css-11-5 .box-2 p{font-size: 26px; margin: 0;}
@media(min-width:769px){
.css-11-5 .box-1 .txt{position: absolute; left: 0;width: 100%; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.css-11-5 .box-1 .txt .auto-inner > *{width: 50%;}
}
@media(max-width:1024px){
.css-11-5 .box-1{overflow: hidden;}
.css-11-5 .box-1 > img{width: 180%; margin-left: -40%;max-width: inherit;}
}
@media(max-width:768px){
.css-11-5 .box-2,
.css-11-5 .box-1 .txt{padding: 40px 0;}
.css-11-5 .box-2 aside.f-en-t{font-size: 22px;line-height: normal;}
.css-11-5 .box-2 p{font-size: 18px;}
}

.css-11-6{overflow: hidden;}
.css-11-6 .txt{position: absolute; left: 0; top: 0; height:83%; width: 100%; z-index: 10;}
.css-11-6 .txt .auto-inner{padding-left: 31%;}
.css-11-6 .txt .main{max-width: 780px;}
.css-11-6 .txt aside.f-en-t{ margin-bottom: 33px;}
.css-11-6 .txt dd{float: left; margin-left: 1%; margin-top: 4%;}
.css-11-6 .txt dd:not(:last-child){margin-right: 8%;}
@media(max-width:1280px){
.css-11-6 .txt aside.f-en-t{font-size: 32px;line-height: normal;}
.css-11-6 .txt p{margin: 0;line-height: 30px;}
.css-11-6 .txt dd{margin-top:2%;}
}
@media(max-width:1024px){
.css-11-6 > img{max-width: inherit; width: 150%; margin-left: -15%;}
}
@media(max-width:768px){
.css-11-6 .txt aside.f-en-t{font-size: 24px;}
.css-11-6 .txt p{line-height: 20px;font-size: 14px;}
.css-11-6 .txt dd img{width: 50px;}
}
@media(max-width:640px){
.css-11-6 .txt aside.f-en-t{font-size: 16px; margin: 0;}
.css-11-6 .txt p{line-height: 18px;font-size: 12px; margin: 10px 0;}
.css-11-6 .txt dd img{width: 40px;}
}


.css-11-7{padding-top: 5%;}
.css-11-7 .pic .main{position: relative;}
.css-11-7 .pic .p{position: absolute; bottom: 0;  max-height: 100%; width: 100%; text-align: center; z-index: 10;}
.css-11-7 .pic .p img{width: 49.179%;}
.css-11-7 .pic dd{position: absolute; width: 16.649%;animation:scaleA 2s infinite linear;}
.css-11-7 .pic dd:nth-child(1),
.css-11-7 .pic dd:nth-child(2){ top: 5%;}
.css-11-7 .pic dd:nth-child(1){left: 22%;}
.css-11-7 .pic dd:nth-child(2){right: 22%;}
.css-11-7 .pic dd:nth-child(3),
.css-11-7 .pic dd:nth-child(4){ top:35%;}
.css-11-7 .pic dd:nth-child(3){left: -2%;}
.css-11-7 .pic dd:nth-child(4){right: 0;}
.css-11-7 .pic dd:nth-child(5),
.css-11-7 .pic dd:nth-child(6){ bottom: 20%;}
.css-11-7 .pic dd:nth-child(5){left: 7%;}
.css-11-7 .pic dd:nth-child(6){right:3%;}
.css-11-7 .pic .main > img{animation:zhuan 5s infinite linear;-webkit-animation:zhuan 5s infinite linear;-ms-animation:zhuan 5s infinite linear;}
@keyframes zhuan{
	0%{transform: rotate(0);-webkit-transform: rotate(0);-ms-transform: rotate(0);}
	100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);}
}
@-webkit-keyframes zhuan{
	0%{transform: rotate(0);-webkit-transform: rotate(0);-ms-transform: rotate(0);}
	100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);}
}
@-ms-keyframes zhuan{
	0%{transform: rotate(0);-webkit-transform: rotate(0);-ms-transform: rotate(0);}
	100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);}
}
@keyframes scaleA{
	0%{transform: scale(1);}
	50%{transform: scale(0.9);}
	100%{transform: scale(1);}
}
@media(min-width:1681px){
.css-11-7 .pic .main{width: 107.666%;}
}
@media(min-width:1025px){
.css-11-7 .pic{width: 55.79%;}
.css-11-7 .txt p{max-width: 582px;}
}
@media(max-width:1024px){
.css-11-7 .ytable,
.css-11-7 .ytable-cell{display: block;}
.css-11-7 .txt{text-align: center;}
}

.css-11-8{padding-top: 5%; background-position: center right;background-size: cover;}
.css-11-8 .pic{width: 48.24%; padding-left: 2%; vertical-align: bottom}
.css-11-8 .pic .zoom{position: absolute; width: 23.965%; right: -2%; top: 16%;}
.css-11-8 .txt aside.f-en-t{padding-left: 23%;line-height: 60px;margin-bottom: 0;}
@media(min-width:1025px){

}
@media(max-width:1440px){
.css-11-8 .txt aside.f-en-t{font-size: 40px;}
}
@media(max-width:1024px){
.css-11-8 .txt aside.f-en-t{font-size: 30px;line-height: 40px;}
}
@media(max-width:640px){
.css-11-8 .txt aside.f-en-t{font-size: 20px;line-height: 30px;padding-left: 10%;}
}
@media(max-width:480px){
.css-11-8 .txt aside.f-en-t{font-size: 16px;line-height: 24px;}
}

.css-11-9{padding: 8% 3% 7% 3%; text-align: center;}
.css-11-9 p{max-width: 1111px; margin: 0 auto 70px;}
.css-11-9 aside.f-en-t{margin-bottom: 33px;}
.css-11-9 dd{display: inline-block; vertical-align: top;margin: 0 1.3% 38px; max-width: 130px;}
.css-11-9 dd aside{margin-top: 10px;}

/*#fullPage .fs24{font-size: 24px;}
#fullPage .lh30{line-height: 30px;}*/
#fullPage {color: #aaa;}

.css-7-9 li{position: relative;}
.css-7-9 li .txt{position: absolute; z-index: 10; left: 10.417%; width: 78%; top: 15%; }
.css-7-9 li .txt aside.f-cn-t{font-size: 24px; margin-bottom: 4%;color: #fff;}
.css-7-9 li .txt aside.f-cn{line-height: 30px;}
@media(min-width:769px){
.css-7-9 li{float: left; width: 50%;}
.css-7-9 li .txt{max-width: 470px;}
}
@media(min-width:1201px){
.css-7-9{height: 102.455%;}
.css-7-9 ul,
.css-7-9 li{height: 100%;}
.css-7-9 li img{height: 100%; max-width: inherit;}
.css-7-9 li:nth-child(1) img{float: right;}
}
@media(max-width:768px){
.css-7-9 li .txt{left: 5%; width: 89%; top: 10%;}
}
@media(max-width:480px){
.css-7-9 li .txt{top: 6%;}
.css-7-9 li .txt aside.f-cn-t{font-size: 18px;}
.css-7-9 li .txt aside.f-cn{line-height: 20px;font-size: 12px;}
}


.css-7-8 .txt aside.f-cn-t{font-size: 60px;color: #fff;line-height: 80px;font-weight: 400; }
.css-7-8 .txt p{margin: 0;}
.css-7-8 .txt p.p1{font-size: 24px;color: #fff; margin: 64px 0 38px 0;}
.css-7-8 .txt p.p2{line-height: 30px; max-width: 480px;}
@media(min-width:769px){
.css-7-8 .txt{position: absolute; left: 12%; width: 39%; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
}
@media(max-width:1440px){
.css-7-8 .txt aside.f-cn-t{font-size: 40px;line-height: normal;}
.css-7-8 .txt p.p1{font-size: 20px;}
}
@media(min-width:769px) and (max-width:1024px){
.css-7-8 .txt{left: 5%; width: 46%;}
}
@media(max-width:1024px){
.css-7-8 .txt aside.f-cn-t{font-size: 32px;}
.css-7-8 .txt p.p1{font-size: 18px;margin: 40px 0 20px 0;}
.css-7-8 > img{max-width: inherit; width: 140%; margin-left: -40%;}
}
@media(max-width:768px){
.css-7-8 .txt{ padding: 20px 30px;}
}
@media(max-width:480px){
.css-7-8 .txt aside.f-cn-t{font-size: 24px;}
.css-7-8 .txt p.p1{font-size: 16px;margin: 20px 0 10px 0;}
}

.css-7-7{background-position: center top;background-size: cover;}
.css-7-7 .pic .ytable{max-width: 1615px;}
.css-7-7 .pic .ytable-cell{position: relative;}
.css-7-7 .pic .ytable-cell > div{position: absolute;}
.css-7-7 .pic .area-1 > img{width: 96.44%;}
.css-7-7 .pic .area-1 .guang{width: 45.511%;left: 67.8%;top: 23.5%;}
.css-7-7 .pic .area-1 .zoom{width: 9.753%;left: 109%;top: 22%;}
.css-7-7 .pic .area-2{text-align: right;}
.css-7-7 .pic .area-2 > img{width:37.152%;}
.css-7-7 .pic .area-2 .bo{width:17.648% ;right:37.152%; top: 20%;}
.css-7-7 .pic .area-2 .zoom{right:39%; width: 33.127%; top: 22%;}

.css-7-7 .txt{padding-top: 5%; text-align: center;}
.css-7-7 .txt aside.f-cn-t{font-size: 60px;color: #fff;}
.css-7-7 .txt p.p1{font-size: 24px;color: #fff; margin: 36px 0 25px 0;}
.css-7-7 .txt p.p2{max-width: 581px; margin-left: auto; margin-right: auto;line-height: 30px;}
@media(min-width:1201px){
.css-7-7{height: 100%;}
.css-7-7 .pic{position: absolute; /*height: 55.283%; */left: 0; bottom: 0; width: 100%;}
}
@media(min-width:769px){
.css-7-7 .pic .area-1{width: 40%; }
}
@media(max-width:1024px){
.css-7-7 .txt aside.f-cn-t{font-size: 32px;}
.css-7-7 .txt p.p1{font-size:18px; margin: 25px 0 15px 0;}
}
@media(max-width:768px){
.css-7-7 .pic .ytable,
.css-7-7 .pic .ytable-cell{display: block;}
.css-7-7 .pic .area-1{margin-right: 20%;}
.css-7-7 .txt{padding: 40px 3%;}
.css-7-7 .pic{position: relative; padding-top: 45%;}
.css-7-7 .pic .area-2{position: absolute; left: -19%;top: 0;width: 110%;}
.css-7-7 .txt aside.f-cn-t{font-size: 24px;}
.css-7-7 .txt p.p1{font-size:16px; margin: 20px 0 5px 0;}
}

.css-7-6{background-position: left top;background-size: cover;}
.css-7-6 .auto-inner{max-width: 1760px;}
.css-7-6  li:not(.no){background: rgba(255,255,255,0.05);}
.css-7-6  li .pic img{display: block;width: 100%;}
.css-7-6  li .txt{ padding: 9%;}
.css-7-6  li .txt aside.f-cn-t{font-size: 24px;color: #fff;}
.css-7-6  li .txt aside.f-cn{line-height: 30px; margin-top: 23px;}
@media(min-width:769px){
.css-7-6  ul{display: table; table-layout: fixed;width: 100%;}
.css-7-6  li{display: table-cell; vertical-align: top;}
.css-7-6  li:not(.no){width: 30.114%;}
.css-7-6  li.no{width: 4.829%;}
}
@media(max-width:1200px){
.css-7-6{padding: 40px 0;}
.css-7-6  li .txt aside.f-cn-t{font-size: 20px;}
}
@media(max-width:768px){
.css-7-6  li{margin: 0 auto; max-width: 530px;}
.css-7-6  li.no{display: none;}
.css-7-6  li:not(:last-child){margin-bottom: 30px;}
}

.css-7-5{overflow: hidden;background: #090909;}
.css-7-5 .txt aside.f-cn-t,
.css-7-5 .txt .p-1{color: #fff;}
.css-7-5 .txt aside.f-cn-t{font-size: 60px;line-height: 80px;}
.css-7-5 .txt .p-1{font-size: 24px; margin: 64px 0 22px 0;}
.css-7-5 .txt .p-2{line-height: 30px;}
@media(min-width:641px){
.css-7-5 .txt{left: 12%; width: 40%; top: 50%;position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); z-index: 10; max-width: 560px;}
}
@media(min-width:1210px){
.css-7-5{height: 100%; overflow: hidden;}
.css-7-5 img{float: right; height: 100%; max-width: inherit; width: auto;}
}
@media(min-width:641px) and (max-width:1366px){
.css-7-5 .txt{left:5%; width: 47%;}
}
@media(max-width:1366px){
.css-7-5 .txt aside.f-cn-t{font-size: 48px;line-height: normal;}
.css-7-5 .txt .p-1{font-size: 20px; margin: 40px 0 10px 0;}
.css-7-5 .txt .p-2{line-height: 24px;}
}
@media(max-width:768px){
.css-7-5 .txt aside.f-cn-t{font-size: 24px;}
.css-7-5 .txt .p-1{font-size: 16px; margin: 20px 0 5px 0;}
}
@media(max-width:640px){
.css-7-5 .txt{text-align:center;padding: 30px 20px;}
.css-7-5 img{width: 200%;margin-left: -100%;max-width: inherit;}
}

.css-7-4 .txt{position: absolute; z-index: 10; left: 51%;/*max-width: 700px; */width: 47%; top: 24%;}
.css-7-4 .txt aside.f-cn-t,
.css-7-4 .txt .p-1{color: #fff;}
.css-7-4 .txt aside.f-cn-t{font-size: 60px;line-height: 80px;}
.css-7-4 .txt .p-1{font-size: 24px; margin: 58px 0 22px 0;}
.css-7-4 .txt .p-2{line-height: 30px;}
@media(min-width:1201px){
.css-7-4{height: 100%;}
.css-7-4 > img{max-width:inherit;position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);-webkit- transform: translateX(-50%);-ms- transform: translateX(-50%); min-width: 100%; min-height: 100%;}
}
@media(max-width:1600px){
.css-7-4 .txt{left: 40%; width: 57%;}
}
@media(max-width:1200px){
.css-7-4{overflow: hidden;}
.css-7-4 > img{width: 150%; margin-left: -24%;max-width:inherit;}
.css-7-4 .txt{left: 35%; width: 62%;}
.css-7-4 .txt aside.f-cn-t{font-size: 48px;line-height: normal;}
.css-7-4 .txt .p-1{font-size: 20px; margin: 40px 0 10px 0;}
.css-7-4 .txt .p-2{line-height: 24px;}
}
@media(max-width:1024px){
.css-7-4 .txt{top: 20%;}
.css-7-4 .txt aside.f-cn-t{font-size: 32px;}
.css-7-4 .txt .p-1{font-size: 18px; margin: 20px 0 5px 0;}
}
@media(min-width:641px){
	.css-7-4 > img.wap{display: none;}
}
@media(max-width:640px){
.css-7-4 > img.pc{display: none;}
}
@media(max-width:640px){
.css-7-4 .txt{top: auto; left: auto; width: auto; padding:40px 20px;}
.css-7-4 > img.wap{width: 100%;margin: 0;}
}
@media(max-width:480px){
.css-7-4 .txt aside.f-cn-t{font-size: 22px;}
.css-7-4 .txt .p-1{font-size:16px; margin: 10px 0 5px 0;}
.css-7-4 .txt .p-2{line-height: 20px;font-size: 12px;}
}


.css-7-3 li{position: relative;overflow: hidden;}
.css-7-3 li:not(:first-child) .txt{top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); left: 9.167%; max-width: 397px;}
.css-7-3 li .txt{position: absolute; z-index: 10;}
.css-7-3 li .txt aside{font-size: 24px;color: #fff;}
.css-7-3 li .txt p{line-height: 30px;}
@media(min-width:1201px){
.css-7-3,
.css-7-3 ul,
.css-7-3 li:nth-child(1){ height: 100%;}
.css-7-3 li{height: 50%;float: left;width: 50%;}
.css-7-3 li .pic{position: absolute; min-width: 100%; bottom: 0; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);max-width: inherit;}
.css-7-3 li:nth-child(1) .txt{top: 8%; left: 24.48%; right: 24.48%;}
}
@media(min-width:1601px){
.css-7-3 li .pic{min-height: 100%;}
}
@media(min-width:1201px) and (max-width:1600px){
.css-7-3 li .pic{height: 100%;}
}
@media(max-width:1600px){
.css-7-3 li:nth-child(1) .txt{left: 15%; right:15%;}
}
@media(max-width:1200px){
.css-7-3 li .pic{width: 100%;}
.css-7-3 li:nth-child(1) .txt{top: 10%; text-align: center; left: 0; width: 100%; padding: 0 10%;}
}
@media(max-width:768px){
	.css-7-3 li:not(:first-child) .txt{left: 3%;max-width: inherit; width: 47%;}
}
@media(max-width:640px){
.css-7-3 li:nth-child(1){padding-top: 100px;background: #121212;}
.css-7-3 li:nth-child(1) .txt{top: 5%;}
.css-7-3 li .txt aside{font-size: 20px;}
.css-7-3 li .txt p{line-height: 24px;}
.css-7-3 li:not(:first-child) .txt p{max-height: 72px; overflow: auto;}
.css-7-3 li:not(:first-child) .pic{width: 140%;margin-left: -27%;max-width: inherit;}
.css-7-3 li:not(:first-child) .txt{width: 53%;}
}

.css-7-2{height: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;}

.css-7-2 .txt aside.f-cn-t,
.css-7-2 .txt .p-1{color: #fff;}
.css-7-2 .txt aside.f-cn-t{font-size: 60px;line-height: 80px;}
.css-7-2 .txt .p-1{font-size: 24px; margin: 64px 0 22px 0;}
.css-7-2 .txt .p-2{line-height: 30px;}
@media(min-width:1201px){
.css-7-2 .txt{position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); left: 12%;}
}
@media(min-width:1201px) and (max-width:1366px){
.css-7-2 .txt{left: 5%;}
}
@media(max-width:1366px){
.css-7-2 .txt aside.f-cn-t{font-size: 48px;line-height: normal;}
.css-7-2 .txt .p-1{font-size: 20px; margin: 40px 0 10px 0;}
.css-7-2 .txt .p-2{line-height: 24px;}
}
@media(max-width:1200px){
.css-7-2 .txt{padding: 40px 3%; width: 50%;}
}
@media(max-width:768px){
.css-7-2{padding-bottom: 64%;background-size: 210% auto; background-position: left 83% bottom -25%;background-color: #010101;}
.css-7-2 .txt{width: auto; text-align: center;}
.css-7-2 .txt aside.f-cn-t{font-size: 24px;}
.css-7-2 .txt .p-1{font-size: 16px; margin: 20px 0 5px 0;}
}

.css-7-1{height: 100%;background-position: center top;background-size: cover;background-repeat: no-repeat;}
.css-7-1 .txt{ text-align: center;color: #fff;font-size: 100px;}
.css-7-1 .txt dl a{display:inline-block; margin: 0 15px; }
.css-7-1 .txt  aside{font-size: 0.8em;line-height: 0.875em;letter-spacing: 0.1em; }
.css-7-1 .txt p{margin: 5% 0 8% 0;	font-size: 0.24em;line-height:2em;letter-spacing: 0.41666em;}
@media(max-width:1600px){
.css-7-1 .txt{font-size: 80px;}
}
@media(max-width:1200px){
.css-7-1{padding-bottom: 50%;}
.css-7-1 .txt{font-size: 60px;}
}
@media(max-width:1024px){
.css-7-1 .txt{font-size: 40px;}
}
@media(min-width:641px){
.css-7-1 .pic,
.css-7-1 .txt{position: absolute;}
.css-7-1 .txt{right: 1.5%; width: 38%;top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.css-7-1 .pic{width: 46.398%; left: 1%; bottom: 0;}
.css-7-1 .txt  aside{margin-top: 1em;}
}
@media(max-width:640px){
.css-7-1{padding-bottom: 0;background-size: 175% auto;background-color: #080808;background-position: left top;}
.css-7-1 .txt{font-size: 50px; padding: 40px 0;}
.css-7-1 .pic{margin-left: -17%; display: block;}
}

.css-105-ban{background: #1d1918; padding:12vw 0 0 0; text-align: center;}
.css-105-ban img{max-width: 1444px;width: 80%; margin: 0 auto; display: block;}
.css-105-ban aside{padding:7vw 0 11vw 0;font-size: 36px;letter-spacing: 4px;color: #fff;}
@media(min-width:1025px){
.css-105-ban aside{line-height: 28px;}
}
@media(max-width:640px){
.css-105-ban aside{font-size: 16px;letter-spacing: 0;}
}

.css-111{ text-align: center;color: #fff;font-size: 24px;background: #202020; width: 62%; margin: 0 auto;line-height:2em;}
.css-111 a{color: #e25f26; text-decoration: underline;}
@media(max-width:768px){
.css-111{ width: 90%;font-size: 18px;}
}

.css-42 { font-size: 100px;}
.css-42  .f-cn-t-m{font-size: 0.48em; margin-bottom: 0.384615em;}
.css-42  .f-cn-t{font-size: 0.3em; margin-bottom:1.2em;}
.css-42  dd{position: relative; line-height:40px;padding-left: 26px;font-size: 18px;}
.css-42  dd:before{position: absolute;content: '';left: 3px; top: 16px;margin-left: -3px;background: #ea6011;width: 6px;height: 6px;transform: rotate(45deg);}
@media(max-width:1440px){
.css-42{font-size: 80px;}
}
@media(max-width:640px){
.css-42 .f-cn-t{margin-bottom:2em;}
.css-42 {font-size: 60px;}
.css-42 dd{ line-height:40px;font-size: 16px;}
}

.zengzhang{padding: 8% 0; color: #fff;}
.zengzhang .fr{padding-bottom:40px;}
.zengzhang .data{position:relative; z-index:1;padding-bottom:55.264%;width:122.5%;}
.zengzhang .data ul,
.zengzhang .data dd{position:absolute;}
.zengzhang .data ul{left:0; top:0; width:100%;height:100%;}
.zengzhang .data ul li{float:left; border-left:1px solid rgba(255,255,255,0.3);position:relative;height:100%; width:17.8%;}
.zengzhang .data ul li:nth-child(1){width:12%;}
.zengzhang .data ul li:nth-child(5){width:12%;}
.zengzhang .data ul li label{position:absolute; top:100%; left:-20px;font-size:18px;padding-top:15px;}
.zengzhang .data dd{width:100%;height:33.3333%;left:0;top:0; z-index:10;}
.zengzhang .data dd:nth-child(2){top:33.33333%;}
.zengzhang .data dd:nth-child(3){top:66.66666%;}
.zengzhang .data dd .zhu{position:absolute;width:15%; transition:width 5s linear; height:50%; top:25%;background:#ff9e5c;}
.zengzhang .data dd:nth-child(2) .zhu{background:#ed7d31;}
.zengzhang .data dd:nth-child(3) .zhu{background:#e25f26;}
.zengzhang .data dd .zhu aside{position:absolute;right:20px; top:50%;font-size:20px;color:#fff;line-height:1.2em; margin-top:-0.6em;}
.zengzhang .data dd  label{position:absolute; right:100%; font-size:16px;padding-right:15px;text-align:right;width:80px;margin-top:-10px;line-height:20px;top:50%;}
.zengzhang .aos-animate dd:nth-child(1) .zhu{width:62%;}
.zengzhang .aos-animate dd:nth-child(2) .zhu{width:68.5%;}
.zengzhang .aos-animate dd:nth-child(3) .zhu{width:77.5%;}
@media (min-width:1025px) {
.zengzhang .fl,
.zengzhang .fr{width:50%;}
.zengzhang .fr{padding-left:80px;}
}
@media (max-width:1280px) {
.zengzhang .data ul li label{font-size:16px;}
}
@media (max-width:1024px) {
.zengzhang .fl,
.zengzhang .fr{float:none;}
.zengzhang .fr{margin-left:64px;padding-top:3vw;padding-left:0;}
}
@media (max-width:640px) {
.zengzhang .data dd .zhu{width:100px; }
.zengzhang .data dd .zhu aside{font-size:4vw; right:10px;}
.zengzhang .data ul li label{font-size:3vw;left: -3vw;}
}

/* 年轻进阶新选择 */
.main-body-sameban .css-7-1{padding-bottom: 50%; height: 0;}
.main-body-sameban .css-7-1 .txt{ color: #333;}
@media (max-width:640px) {
.main-body-sameban .css-7-1{padding-bottom:0; height: auto;}
}

.main-body-sameban .in-menu{position: relative; height: 84px;}
@media (max-width:768px) {
.main-body-sameban .in-menu{height: 54px;}
}
.main-body-sameban .in-menu ul{position: absolute; left: 0; top: 0; width: 100%;height: 100%;background: #fff;}
.main-body-sameban .in-menu.fixed ul{position: fixed; z-index: 100; height: auto;}


.css-47-same{color:#fff;}
.css-47-same .txt{text-align: center; position: relative; z-index: 2;}
.css-47-same .txt h2.f-cn-t-m{font-size: 60px; margin: 0; font-weight: normal; letter-spacing: 2px;}
.css-47-same .txt p.p1{font-size: 28px; margin: 0;letter-spacing: 2px; padding: 2%;}
.css-47-same .txt p.p2{font-size: 20px;margin: 0; line-height: 1.65; padding-top: 20%;}
.css-47-same .bg{overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover;}
@media(min-width:1025px){
.css-47-same .bg{background-image: none !important;}
.css-47-same .txt{ position: absolute; top: 50%; -webkite-transform: translateY(-50%);-ms-transform: translateY(-50%);  transform: translateY(-50%); width: 100%;}	
}
@media(max-width:1024px){
.css-47-same .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.css-47-same .bg img{display: none;}
.css-47-same .txt{padding: 5% 0;}
.css-47-same .txt h2.f-cn-t-m{font-size: 32px;}
.css-47-same .txt p.p1{font-size:20px;}
.css-47-same .txt p.p2{font-size: 16px; padding-top: 3%;}
}
@media(max-width:768px){
.css-47-same .txt h2.f-cn-t-m{font-size: 24px;}
.css-47-same .txt p.p1{font-size:18px;}
.css-47-same .txt p.p2{font-size: 14px;}
}
@media(max-width:640px){
.css-47-same .txt h2.f-cn-t-m{font-size: 22px;}
.css-47-same .txt p.p1{font-size:16px;}
}

.css-47-1 .pic{padding-top: 8%;}
@media (max-width:1024px) {
	.css-47-1 .pic{padding-top: 3%;}
	.css-47-1 .pic img{max-width: 284px; width: 50%;}
}

.css-47-2 .txt p.p2{padding-top: 2%;}
.css-47-2 .pic{padding-top: 15%;}
.css-47-2 .pic li{display: inline-block; width: 32%; max-width: 360px;}
.css-47-2 .pic li .inner{position: relative; padding-left: 100px;}
.css-47-2 .pic li .icon{ width: 100px; height: 100px; position: absolute; left: 0; top: 12px;}
.css-47-2 .pic li .word{font-size: 18px; text-align: left;}
.css-47-2 .pic li .word>span{display: block;}
.css-47-2 .pic li .word i{font-style: normal; font-size: 42px;}
@media(max-width:1024px){
.css-47-2 .pic{padding-top: 3%;}	
.css-47-2 .pic li .inner{ padding-left: 75px;}
.css-47-2 .pic li .icon{ width: 60px; height: 60px; top: 2px;}
.css-47-2 .pic li .word i{font-style: normal; font-size: 24px;}
.css-47-2 .pic li .word{font-size: 16px;}
}
@media(max-width:768px){
.css-47-2 .pic li .inner{ padding-left: 55px;}
.css-47-2 .pic li .icon{ top: 10px;}
.css-47-2 .pic li .icon{ width: 40px; height: 40px;}
.css-47-2 .pic li .word i{font-style: normal; font-size: 20px;}
.css-47-2 .pic li .word{font-size: 14px;}
}
@media(max-width:640px){
.css-47-2 .pic{ bottom: 2%;}
.css-47-2 .pic li{ width: 100%; max-width: 200px; display: block; margin: 10px auto;}
}


.css-47-6{color: #333;}
.css-47-6 .pic{padding-top: 12%;}
.css-47-6 .pic p{font-size: 16px;}
@media (max-width:1024px) {
	.css-47-6 .pic{padding-top: 5%;}
	.css-47-6 .pic img{max-width: 290px; width: 50%;}
	.css-47-6 .pic p{font-size: 14px;}
}

/* 欧式美学 */
.css-48-same{color:#fff;}
.css-48-same .txt{text-align: center; position: relative; z-index: 2;}
.css-48-same .txt h2.f-cn-t-m{font-size: 60px; margin: 0; font-weight: normal; letter-spacing: 2px; padding: 2% 0 0;}
.css-48-same .txt p.p1{font-size: 28px; margin: 0;letter-spacing: 2px; padding: 2% 0 0;}
.css-48-same .txt p.p2{font-size: 20px;margin: 0; line-height: 1.65; padding-top: 20%;}
.css-48-same .bg{overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover;}
@media(min-width:1025px){
.css-48-same .bg{background-image: none !important;}
.css-48-same .txt{ position: absolute; top: 50%; -webkite-transform: translateY(-50%);-ms-transform: translateY(-50%);  transform: translateY(-50%); width: 100%;}	
}
@media(max-width:1024px){
.css-48-same .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.css-48-same .bg img{display: none;}
.css-48-same .txt{padding: 5% 0;}
.css-48-same .txt h2.f-cn-t-m{font-size: 32px;}
.css-48-same .txt p.p1{font-size:20px;}
.css-48-same .txt p.p2{font-size: 16px; padding-top: 3%;}
.css-48-same .bg img{ width: 150%; position: relative; left: -25%; max-width: none; z-index: 1;}
}
@media(max-width:768px){
.css-48-same .txt h2.f-cn-t-m{font-size: 24px;}
.css-48-same .txt p.p1{font-size:18px;}
.css-48-same .txt p.p2{font-size: 14px;}
.css-48-same .bg img{ width: 200%; left: -50%;}
}
@media(max-width:640px){
.css-48-same .txt h2.f-cn-t-m{font-size: 22px;}
.css-48-same .txt p.p1{font-size:16px;}
}

.css-48-1 .pic{padding-top: 8%;}
.css-48-1 .pic li{display: inline-block; padding: 5% 3% 0;}
.css-48-1 .pic li span{display: block; border: 1px solid #fff; font-size: 18px; width: 80px; height: 80px; line-height: 80px; border-radius: 100%;}
@media (max-width:1024px) {
	.css-48-1 .pic{padding-top: 0%;}
	.css-48-1 .pic li span{font-size: 16px;width: 60px; height: 60px; line-height: 60px;}
}
@media (max-width:768px) {
	.css-48-1 .pic li span{font-size: 14px;width: 40px; height: 40px; line-height: 40px;}
}

/* FROM_GOLBAL_TO_LOCAL */
.css-49-same{color:#fff;}
.css-49-same .txt{text-align: center; position: relative; z-index: 2;}
.css-49-same .txt h2.f-cn-t-m{font-size: 60px; margin: 0; font-weight: normal; letter-spacing: 2px;}
.css-49-same .txt h2.en{font-size: 80px; margin: 0; font-weight: bold; letter-spacing: 2px;}
.css-49-same .txt p.p1{font-size: 28px; margin: 0;letter-spacing: 2px; padding: 2%;}
.css-49-same .txt p.p2{font-size: 20px;margin: 0; line-height: 1.65; padding-top: 20%;}
.css-49-same .bg{overflow: hidden;  background-repeat: no-repeat; background-position: center; background-size: cover;}
@media(min-width:1025px){
.css-49-same .bg{background-image: none !important;}
.css-49-same .txt{ position: absolute; top: 50%; -webkite-transform: translateY(-50%);-ms-transform: translateY(-50%);  transform: translateY(-50%); width: 100%;}	
}
@media(max-width:1024px){
.css-49-same .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.css-49-same .bg img{display: none;}
.css-49-same .txt{padding: 5% 0;}
.css-49-same .txt h2.en{font-size: 42px;}
.css-49-same .txt h2.f-cn-t-m{font-size: 32px;}
.css-49-same .txt p.p1{font-size:20px;}
.css-49-same .txt p.p2{font-size: 16px; padding-top: 3%;}
}
@media(max-width:768px){
.css-49-same .txt h2.en{font-size: 34px;}
.css-49-same .txt h2.f-cn-t-m{font-size: 24px;}
.css-49-same .txt p.p1{font-size:18px;}
.css-49-same .txt p.p2{font-size: 14px;}
}
@media(max-width:640px){
.css-49-same .txt h2.en{font-size: 32px;}
.css-49-same .txt h2.f-cn-t-m{font-size: 22px;}
.css-49-same .txt p.p1{font-size:16px;}
}

.css-49-2,.css-49-4,.css-49-5{color:#333;}
.css-49-2 ul{padding-top: 8%;}
.css-49-2 li{float: left; width: 33.3334%; padding: 2%;}
.css-49-2 li .icon{display: block; margin: 0 auto; width: 50%; max-width: 100px;}
.css-49-2 li .word .h3{font-size: 28px; margin: 5% 0;font-weight: normal;}
.css-49-2 li .word .p{font-size: 18px; margin: 0;}
@media(max-width:1024px){
.css-49-2 li .word .h3{font-size:20px; margin:0 0 2% 0;}
.css-49-2 li .word .p{font-size: 16px;}
}
@media(max-width:768px){
.css-49-2 ul{padding-top: 3%;}
.css-49-2 li{ width: 100%;}
.css-49-2 li .inner{position: relative; padding-left: 55px; text-align: left;}
.css-49-2 li .icon{display: block; position: absolute; top: 0; left: 0; width: 40px; height: 40px;}
.css-49-2 li .word .h3{font-size:18px;}
.css-49-2 li .word .p{font-size: 14px;}
}
@media(max-width:640px){
.css-49-2 li .word .h3{font-size:16px;}	
}

.css-49-4 li{padding: 5% 0;}
.css-49-4 li .inner{position: relative; padding-left: 90px;}
.css-49-4 li .icon{display: block; position: absolute; top: 50%; margin-top: -38px; left: 0; width: 76px; height: 76px;}
.css-49-4 li .word .h3{font-size: 28px; margin: 0; font-weight: normal;}
.css-49-4 li .word .p{font-size: 18px; margin: 0;}
@media (min-width:769px) {
.css-49-4 .table{ display: table; table-layout: fixed; height: 100%; text-align: left;}
.css-49-4 .table-cell{display: table-cell; width: 50%; height: 100%; vertical-align: middle;}
}
@media(max-width:1024px){
.css-49-4 li .word {text-align: left;}
.css-49-4 li .word .h3{font-size:20px;}
.css-49-4 li .word .p{font-size: 16px;}
}
@media(max-width:768px){
.css-49-4 ul{ max-width: 310px; margin: 2% auto 0;}
.css-49-4 li{padding: 3% 0;}
.css-49-4 li .inner{padding-left: 55px;}
.css-49-4 li .word .h3{font-size:18px;}
.css-49-4 li .word .p{font-size: 14px;}
.css-49-4 li .icon{ width: 40px; height: 40px; top: 0; margin-top: 0;}
}
@media(max-width:640px){
.css-49-4 li .word .h3{font-size:16px;}	
}
.css-49-5 .txt{position: relative;top: 0; -webkite-transform: translateY(0);-ms-transform: translateY(0);  transform: translateY(0); padding: 5% 0;}

/* 冰箱产品除第一模块详情样式 */
.bxcss-10-same{color: #fff; line-height: 1.65;}
.bxcss-10-same .bg{ background-position: center; background-repeat: no-repeat; background-size: cover;}
.bxcss-10-same .txt{text-align: left; position: relative; z-index: 2;}
.bxcss-10-same .txt .content{max-width: 720px;}
.bxcss-10-same .txt .auto-inner{padding-right: 43%;}
.bxcss-10-same.padr .txt .auto-inner{padding-left: 43%; padding-right: 0;}
.bxcss-10-same .txt .h2,
.bxcss-10-same .txt .h3,
.bxcss-10-same .txt .h4,
.bxcss-10-same .txt .p{margin: 0; font-weight: normal;}
.bxcss-10-same .txt .h2{font-size: 44px;}
.bxcss-10-same .txt .h3{font-size:30px;}
.bxcss-10-same .txt .h4{font-size:24px;}
.bxcss-10-same .txt .p1{font-size: 18px;}
.bxcss-10-same .txt .p2{font-size: 18px; padding-top: 3%; max-width: 462px;}
.bxcss-10-same .txt .line{display: block; width: 100%; height: 2px; background: #fff; margin: 8% 0;}
@media (min-width:768px) {
	.bxcss-10-same .txt{position: absolute; top: 50%; -webkite-transform: translateY(-50%);-ms-transform: translateY(-50%);  transform: translateY(-50%); width: 100%;}
	.bxcss-10-same .bg{ background-image: none !important;}
}
@media (max-width:1366px) {
	.bxcss-10-same .txt .h2{font-size: 40px;}
	.bxcss-10-same .txt .h3{font-size:24px;}
	.bxcss-10-same .txt .h4{font-size:22px;}
	.bxcss-10-same .txt .p1,.bxcss-10-same .txt .p2{font-size: 16px;}
}
@media (max-width:1024px) {
	/* .bxcss-10-same .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
	.bxcss-10-same .bg img{display: none;} 
	.bxcss-10-same .txt{padding: 10% 0;} */
	.bxcss-10-same .txt .h2{font-size: 32px;}
	.bxcss-10-same .txt .h3{font-size:20px;}
	.bxcss-10-same .txt .h4{font-size:18px;}
	.bxcss-10-same .txt .p1,.bxcss-10-same .txt .p2{font-size: 14px;}
	
}
@media (max-width:768px) {
	.bxcss-10-same .txt .h2{font-size: 24px;}
	.bxcss-10-same .txt .h3{font-size:18px;}
	.bxcss-10-same .txt .h4{font-size:16px;}
	/* .bxcss-10-same .bg{ background-position: left center;} */
}
@media (max-width:767px) {
	.bxcss-10-same{color: #333; }
	.bxcss-10-same .bg img{position: relative; width: 150%; right: 0; left: -40%; max-width: none; border-bottom: 2px solid #f15022;}
	.bxcss-10-same.padr .bg img{ left: 0; right: -40%;}
	.bxcss-10-same .txt {padding: 6% 0 3%;}
	.bxcss-10-same .txt .auto-inner{padding: 0 !important;}
	.bxcss-10-same .txt .line{background: #333;}
	.bxcss-10-same .txt .h2{font-size: 22px;}
}


.bxcss-10-1 .txt .content{max-width: 300px;}
@media (min-width:1025px) {
	.bxcss-10-1 .txt .content{max-width: 445px;}
}
@media (max-width:767px) {
	.bxcss-10-1{border-top: 2px solid #f15022; padding-top: 4%;}
}

.bxcss-10-3 .txt .ul{background: rgba(0,0,0,0.1); padding: 3%; margin: 8% 0 3%;}
.bxcss-10-3 .txt .ul li{position: relative; z-index: 2; width: 33.3334%; float: left; text-align: center;}
.bxcss-10-3 .txt .ul li .inner>span{display: block;}
.bxcss-10-3 .txt .ul li .icon{max-width: 56px; width: 40%; margin: 0 auto 3%;}
.bxcss-10-3 .txt .ul li .stit{font-size: 18px;}
.bxcss-10-3 .txt .gg{font-size: 26px; text-align: center; padding: 5px; color: #fff;
	background-image: -webkit-linear-gradient(top, #be4817 0%, #e65e20 100%);
	background-image: -o-linear-gradient(top, #be4817 0%, #e65e20 100%);
	background-image: linear-gradient(to bottom, #be4817 0%, #e65e20 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e65e20', endColorstr='#be4817', GradientType=0);}
@media (max-width:1366px) {
	.bxcss-10-3 .txt .ul li .stit{font-size: 16px;}
	.bxcss-10-3 .txt .gg{font-size: 22px;}
}
@media (max-width:1024px) {
	.bxcss-10-3 .txt .ul li .stit{font-size: 14px;}
	.bxcss-10-3 .txt .gg{font-size: 20px;}
}
@media (max-width:768px) {
	.bxcss-10-3 .txt .gg{font-size: 18px;}
}

.bxcss-10-4{display: none;}
.bxcss-10-4 .txt .ul{margin: 8% 0 3%;}
.bxcss-10-4 .txt li{opacity: .38; padding-right:4%; display: inline-block; text-align: center;}
.bxcss-10-4 .txt li+li{position: relative; padding-left: 4%;}
.bxcss-10-4 .txt li+li::before{content: ""; position: absolute; left: 0; top: 0; width: 1px; display: block; height: 100%; background: rgba(255,255,255,.1);}
.bxcss-10-4 .txt li .num{font-size: 40px; display: block;}
.bxcss-10-4 .txt li .stit{font-size: 18px; display: block;}
.bxcss-10-4 .txt li.on{opacity: 1;}
.bxcss-10-4 .txt li.on .stit{color: #f15022;}
@media (max-width:1366px) {
	.bxcss-10-4 .txt li .num{font-size: 32px;}
	.bxcss-10-4 .txt li .stit{font-size: 16px;}
}
@media (max-width:1024px) {
	.bxcss-10-4 .txt li .num{font-size: 24px;}
	.bxcss-10-4 .txt li .stit{font-size: 14px;}
}
@media (max-width:768px) {
	.bxcss-10-4 .txt li .num{font-size: 18px;}
}

.bxcss-10-5 .txt{color: #425b82;}
.bxcss-10-5 .txt .h2,.bxcss-10-5 .txt .h3{color: #184a95;}
.bxcss-10-5 .txt .pic{padding: 8% 0 3% 0;}
@media (max-width:767px) {
	.bxcss-10-5 .txt,.bxcss-10-5 .txt .h2,.bxcss-10-5 .txt .h3{color: #333;}
}

.bxcss-10-6{padding: 8% 0; text-align: center;}
.bxcss-10-6-same{display: inline-block; max-width: 24%; padding: 0 2%; text-align: center;line-height: 1.65;}
.bxcss-10-6-same .word{padding:8% 3%;color: #fff;
background-image: -webkit-linear-gradient(top, #f69147 0%, #ea6011 100%);
	background-image: -o-linear-gradient(top, #f69147 0%, #ea6011 100%);
	background-image: linear-gradient(to bottom, #f69147 0%, #ea6011 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea6011', endColorstr='#f69147', GradientType=0);
}
.bxcss-10-6-same .h3{font-size: 32px; margin: 0; font-weight: normal;}
.bxcss-10-6-same .p{font-size: 18px; margin: 0;}
@media (max-width:1366px) {
	.bxcss-10-6-same .h3{font-size: 28px;}
	.bxcss-10-6-same .p{font-size: 16px;}
}
@media (max-width:1024px) {
	.bxcss-10-6-same .h3{font-size: 24px;}
	.bxcss-10-6-same .p{font-size: 14px;}
}
@media (max-width:768px) {
	.bxcss-10-6-same .h3{font-size: 18px;}
}
@media (max-width:767px) {
	.bxcss-10-6-same{max-width: 49%; padding: 1.5%;}
}


.bxcss-10-8_1,.bxcss-10-8_2{float: left; width: 50%; text-align: center;}
.bxcss-10-8_1 .txt,.bxcss-10-8_2 .txt{top: 10%; transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0); color: #333; text-align: center;}
.bxcss-10-8_1 .txt .auto-inner,.bxcss-10-8_2 .txt .auto-inner{padding: 0;}
.bxcss-10-8_1 .txt .content,.bxcss-10-8_2 .txt .content{ width: 100%; max-width: none;}
@media (max-width:767px) {
	.bxcss-10-8_1, .bxcss-10-8_2{width: 100%; float: none;}
	.bxcss-10-8_1 .bg img,.bxcss-10-8_2 .bg img{ max-width: 100%; left: 0; right: 0;}
}

.bxcss-10-9 {background: url(../images/sec9_bg.jpg) no-repeat center; background-size: cover; padding: 8% 0;}
.bxcss-10-9-table{ font-family: 'PuHuiTi-R'; border-top: 1px solid #35393e;border-left: 1px solid #35393e; font-size: 16px; background: #2b3035; box-shadow: 5px 5px 15px rgba(0,0,0,.5); max-width: 476px; margin-left: auto; color: #fff;}
.bxcss-10-9-table .table-head{font-size: 22px; color: #f15022; padding: 10px 30px;border-bottom: 1px solid #35393e;border-right: 1px solid #35393e;}
.bxcss-10-9-table .tr{display: table; table-layout: fixed; width: 100%;}
.bxcss-10-9-table .td{display: table-cell; vertical-align: middle; padding: 10px 30px; border-right: 1px solid #35393e; border-bottom: 1px solid #35393e;}
.bxcss-10-9-table dt.td{width: 35%;}
.bxcss-10-9-table dd.td{width: 65%;}
.bxcss-10-9 .pic{text-align: center;}
@media (max-width:1024px) {
	.bxcss-10-9-table{font-size: 14px;}
	.bxcss-10-9-table .table-head{font-size: 20px;}	
	.bxcss-10-9-table dt.td{width: 49%;}
}
@media (min-width:768px) {
	.bxcss-10-9 .pic{position: absolute; left: 0; top: 50%; width: 55%; max-height: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
	.bxcss-10-9 .txt{float: right; width: 45%; position: relative; top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); padding: 0;}
}
@media (max-width:767px) {
	.bxcss-10-9 .txt{color: #fff;}
	.bxcss-10-9 .pic{padding-top: 8%;}
}


.bxcss-10-10 .txt .p2{max-width: 425px; padding: 4% 0;}
.bxcss-10-10 ul{overflow: hidden;max-width: 668px; margin-bottom: 6%;}
.bxcss-10-10 li{float: left; width:48%;max-width: 316px;border: 1px solid #252f3d;}
.bxcss-10-10 li:nth-child(2){float: right;}
.bxcss-10-10 li .pic img{display: block; width: 100%;}
.bxcss-10-10 li .in{background: #22282f; text-align: center; padding: 32px 0 20px 0;}
.bxcss-10-10 li .in .t_1{font-size: 26px;opacity: 0.57;}
.bxcss-10-10 li .in .t_1.color{color: #f64f20;opacity: 1;}
.bxcss-10-10 li .in .t_2{font-size: 20px;opacity: 0.32;}
@media(min-width:769px){
.bxcss-10-11 .txt .h2,
.bxcss-10-10 .txt .h2{font-size: 52px;}
.bxcss-10-10 p.tips{color: rgba(255,255,255,0.32); font-size: 20px;}
}
@media(min-width:769px) and (max-width:1280px){
.bxcss-10-10  .txt .h2{font-size: 3.5vw;}
.bxcss-10-10 .txt .h3{font-size: 2vw;}
.bxcss-10-10 li .in{padding: 2vw 0 1vw 0;}
.bxcss-10-10 li .in .t_1{font-size: 1.8vw;}
.bxcss-10-10 p.tips,
.bxcss-10-10 li .in .t_2{font-size: 1.2vw;}
}
@media(max-width:768px){
.bxcss-10-10 li{border-color: rgba(0,0,0,0.1);}
.bxcss-10-10 li .in{background: rgba(0,0,0,0.05); padding: 10px 0;}
.bxcss-10-10 li .in .t_1{font-size: 22px;}
.bxcss-10-10 li .in .t_2{font-size: 16px;}
}
@media(max-width:480px){
.bxcss-10-10 li .in .t_1{font-size: 20px;}
.bxcss-10-10 li .in .t_2{font-size: 12px;}
}


.bxcss-10-11 .txt .content{max-width: 593px;margin: 0 auto;}
.bxcss-10-11 .txt .p2 span{color: #cc4f1a;}
.bxcss-10-11 .pic{position: relative;}
.bxcss-10-11 .pic img{display: block; width: 100%;}
.bxcss-10-11 .pic .in{position: absolute; top: 50%; transform: translateY(-50%);right: 11%; max-width: 104px;}
.bxcss-10-11 .t_1{font-family: 'Gotham-Blod';color: #f15022; font-size: 53px;line-height: 53px;}
.bxcss-10-11 .t_2{font-size: 26px; margin-bottom: 12%;}
.bxcss-10-11 .t_3{font-size: 20px;color: rgba(255,255,255,0.48);}
.bxcss-10-11  p.tips{position: absolute;color: rgba(255,255,255,0.5); margin: 0;}
@media(min-width:769px){
.bxcss-10-11{background: #262b30;}
.bxcss-10-11 .bg img{width: 50%;}


.bxcss-10-11 .txt .content{ width: 75%; }
.bxcss-10-11 .txt .p2{padding: 8% 0 18% 0;}
.bxcss-10-11  p.tips{bottom: 5%; left: 36%;font-size: 20px;}
}
@media(min-width:769px) and (max-width:1280px){
.bxcss-10-11  .txt .h2{font-size: 3.5vw;}
.bxcss-10-11 .txt .h3{font-size: 2vw;}
.bxcss-10-11  .t_1{font-size: 3vw;}
.bxcss-10-11  .t_2{font-size: 1.8vw;}
.bxcss-10-11  .t_3,
.bxcss-10-11 .tips{font-size: 1.2vw;}
}
@media(max-width:768px){
.bxcss-10-11 .pic{margin-top: 4%;color: #fff;}
.bxcss-10-11.padr .bg img{right: 0; width: 100%;}
.bxcss-10-11  p.tips{ right: 3%; bottom: 3%;}
}
@media(max-width:640px){
.bxcss-10-11  .t_1{font-size: 8vw;}
.bxcss-10-11  .t_2{font-size: 4vw;}
.bxcss-10-11  .t_3{font-size: 3.2vw;}
.bxcss-10-11  .txt .in{max-width: 17vw;}
}

.result-search{padding-bottom: 5%;}
.result-search .in-menu{margin-bottom: 5%;}
.result-search .in-menu li a{cursor: pointer;}
.result-search .in-menu li a span{color: #ea6011;}
.result-search .ephotolist,
.result-search .evideolist{padding-top: 0;}


.css-41-9{position: relative;z-index: 1;}
.css-41-9 .txt{position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);font-size: 60px; text-transform: uppercase;color: #FFF;}
@media(max-width:1024px){
.css-41-9 .txt{font-size: 40px;}
}
@media(max-width:640px){
.css-41-9{overflow: hidden;}
.css-41-9 .txt{font-size: 30px;}
.css-41-9 img{max-width: inherit; width: 150%; margin-left: -25%;}
}
@media(max-width:480px){
.css-41-9 .txt{font-size: 24px;}
}

.page-ban{position:relative; z-index:2;}
.ban-link{position:absolute; left:0; top:0; width:100%;height:100%; background:#fff;opacity:0;-webkit-opacity:0; z-index:10;}
@media(min-width:1025px){
.page-ban img.wap{display:none;}
}
@media(max-width:1024px){
.page-ban img.pc{display:none;}
}


.page-ban .in-banner{position: relative;}
.page-ban .in-banner .txt{position: absolute;width: 87.5%;max-width: 1440px;left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2;color: rgb(255, 255, 255);}
.page-ban .in-banner .txt h1{font-size: 3.125vw;margin: 0;margin-bottom: 10px; text-transform: uppercase;}
.page-ban .in-banner .txt h1.letter{letter-spacing: 3vw;}
.page-ban .in-banner .txt p{margin: 0; font-size: 1.04667vw;line-height: 1.667;}
.page-ban .in-banner .txt_ceo .pic{width: 34.375%; position: absolute; left: 8.33%; bottom: 0;}
.page-ban .in-banner .txt-box{position: absolute; width: 38.8%; bottom: 13.51%; right: 16.667%; text-align: left; background-color: #404040;padding: 3.385% 4.1667%;}
.page-ban .in-banner .txt-box h2{margin: 0;color: rgb(255, 254, 254);line-height: 1.333; text-transform: uppercase; margin-bottom: 5.17%;}
.page-ban .in-banner .txt-box h2 pre{font-weight: bold;}
.page-ban .in-banner .txt-box .des{font-size: 16px;color: rgba(255, 254, 254, 0.4);line-height: 1.875; max-width: 530px; }
.page-ban .line1{position: absolute; bottom: 0; left: 0;width: 100%; padding-top: 0.83%; background: rgb(226, 95, 38);}

.message{ padding-bottom: 5.55%;}
.message .title{ font-size: 36px; text-align: center; font-weight: bold;color: rgb(255, 254, 254);line-height: 1.333; padding-top: 6.94%; padding-bottom: 2.36%;}
.message .title pre{font-weight: bold;}
.message .content{font-size: 16px;line-height: 1.875;color: rgb(147, 146, 146);text-align: justify; padding-bottom: 8.33%;}
.message .content p{  margin: 0; }
.message .video-wrap{position: relative; padding: 0;}
.message .open-video::before{width: 100px !important; padding-top: 100px !important; cursor: pointer;}

.message .hello{color: rgb(255, 254, 254);font-weight: bold; line-height: 1; text-align: center; background-color: #181818; padding: 5.55% 0;}
.message  .video{margin-bottom: 6.94%;}
  
.message .list .item{line-height: 100px;border-bottom: 1px dashed #373737;}
  
.message .list .item>a{ font-size: 20px; color: rgb(255, 254, 254); width: calc(100% - 100px); float: left; font-weight: bold; }
.message .list .item .time{float: right; width: 100px; text-align: right; line-height: 100px;color: rgb(255, 254, 254);}
.message .list .item.active>a,.message .list .item.active .time{display: none;}
.message .list .item .box{display: none;}
.message .list .more{text-align: center;padding-top: 3.47%;}
.message .list .more a{width: 100px; height: 40px ;line-height: 40px; letter-spacing: 1px; border-radius: 20px; color: rgb(226, 95, 38); font-size: 14px; display: inline-block; background-color: #373737;}
.message .list .more a:after{content: ''; width: 8px; height: 5px; background: url(../images/arrow_down.png) center center no-repeat; display: inline-block; vertical-align: middle;}

.message .line2{width: 100%; padding-top: 1.11%;background: rgb(226, 95, 38);}

@media(max-width:1200px){
	.page-ban .in-banner .txt-box{height: 100%;width: 50%; right: 0; overflow-y: auto; bottom: 0;}
}
@media(max-width:1024px){
	.page-ban .in-banner .txt-box h2{font-size: 2.2vw; margin-bottom: 2%;}
	.page-ban .in-banner .txt-box .des{line-height: 1.2; font-size: 14px;}
}
@media(max-width:640px){
	.message .list .item a{line-height: 50px; width: calc(100% - 70px);}
	.message .list .item .time{line-height: 50px; width: 70px;}
	.page-ban .in-banner .txt-box{padding: 2%;}
	.page-ban .in-banner .txt-box{width: 55%;}
    .message .list .item>a{ font-size: 18px;}
    .message .title{ font-size: 20px;}

.page-ban .in-banner .txt_ceo .pic{ top: 22px; margin: auto;left:0;right:0}
.page-ban .in-banner .txt_ceo .txt-box{ position: relative; width:100%;height: auto;}
.page-ban .in-banner .txt-box h2{font-size:3.2vw;}
.page-ban .in-banner .txt-box .des{line-height: 1.5;  font-size: 16px;}
}
.in-banner .click{
	width: 100%;height: 60px;line-height: 60px;text-align: center;position: absolute;bottom: 0; left: 0;border-radius: 2px;background-color: rgba(16, 16, 16,0.8);z-index: 50;
}
.in-banner .click a{
	font-size: 14px;color: rgb(226, 95, 38);text-transform: uppercase;position: relative;display: block;width: 100%; height: 100%;
}
.in-banner .click a span{display: inline-block;padding-right: 22px; position: relative;}
.in-banner .click a span::after{content: '';width: 8px; height: 5px;background: url(../images/select.png) center center no-repeat; position: absolute; right: 0; top: 0; bottom: 0 ; margin: auto;}


.tsm_list{ padding: 5% 0;}
.tsm_list li{ margin-bottom: 5%;}
.tsm_list li:last-child{ margin-bottom: 0;}
.tsm_list figure{ width: 46.1%; position: relative;}
.tsm_list .txt{ width: 53.9%; padding-right: 5%;}
.tsm_list .txt i{ font-style: normal; color: #ea6011; font-size: 14px;}
.tsm_list .txt h3{ font-size: 36px; /* font-family: 'Gotham-Blod'; */font-weight: 600; margin: 6% 0; color: #fff; max-width: 615px;}
.tsm_list .txt p{ font-size: 16px; line-height: 30px; color: #aaaaaa; max-width: 685px;}
.tsm_list .open-video,
.tsm_list .open-VR{ background: rgba(0,0,0,0.4);}
.tsm_list .open-video:before,
.tsm_list .open-VR:before{ content: ''; position: absolute; left: 50%; top: 50%; background:  no-repeat center; background-size: contain; width: 14%; padding-top: 14%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.tsm_list .open-video:before{background-image:url("../images/videoplay_icon.png") }
.tsm_list .open-VR:before{background-image:url("../images/lj_icon.png") }
@media(max-width:1200px){
    .tsm_list .txt h3{ font-size: 28px;}
}
@media(max-width:1000px){
    .tsm_list .txt h3{ font-size: 24px;}
}
@media(max-width:768px){
    .tsm_list .txt h3{ font-size: 22px;}
    .tsm_list .txt p{ font-size: 14px; line-height: 26px;}
}
@media(max-width:640px){
    .tsm_list figure,
    .tsm_list .txt{ display: block; width: 100%; margin-bottom: 3%;}
    .tsm_list .txt h3{ font-size: 20px;}
}

.product-com img{transition: 0.8s ease;width: 100%;}
.product-com .txt{transition: 0.5s ease-out;}
.product-com .item:hover img,
.product-com .istop:hover img{transform: scale(1.06);}
.product-com .item:hover .txt,
.product-com .istop:hover .txt{  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  /* IE 9 */
  -moz-transition: translateY(-20px);
  /* Firefox 4 */
  -webkit-transition: translateY(-20px);
  /* Safari and Chrome */
  -o-transition: translateY(-20px);
  /* Opera */}
.product-com .istop,
.product-com .item{overflow: hidden;}
.product-com .istop  .icon{ display: inline-block; vertical-align: middle;}
.product-com .istop  .icon li{float:left;}
.product-com .istop  .icon li:not(:last-child){margin-right:20px;}
.product-com .istop  .icon li img{width:50px;height:50px;}
.product-com .banner{ position: relative;}
.product-com .banner .slick-dots{ text-align: center; position: absolute; left: 0; bottom: 40px; width: 100%; z-index: 10;}
.product-com .banner .slick-dots li{ width: 6px; height: 6px; display: inline-block; background-color: #fff; border-radius: 100%; margin: 0 10px; vertical-align: middle;}
.product-com .banner .slick-dots li.slick-active{ width: 12px; height: 12px; background-color: #ea6011;}
.product-com .banner .slick-dots button{ display: none;}
.product-com .banner .wapimg{ display: none}
@media(min-width:1025px){
.product-com .banner{margin-bottom: 3.946%;}

.product-com .txt{position: absolute; z-index: 20;   }
.product-com .istop .txt{height: 100%; width: 50%;top: 0;}
.product-com .color_1{color: #fff;}
.product-com .color_0{color: #222;}

.product-com .item .txt{left: 0;top: 7%;width: 100%;}
.product-com .istop:not(.long) .txt{height:80%;}
.product-com .color_1 .item .title span.t-2{border-color: #fff;}
.product-com .color_0 .item .title span.t-2{border-color: #222;}
.product-com .istop .desc{ color: #fff; letter-spacing: 8px;}
.product-com .color_0  .more{background-image: url("../images/more_222.png");}
.product-com .color_1  .more{background-image: url("../images/more_fff.png");color: #fff;}
.product-com .istop .txt.left{padding-left: 11.185%; left: 0;}
.product-com .istop .txt.right{padding-right: 11.185%; right: 0;}
.product-com .istop .title{color: #fff;}
}
.product-com{padding-bottom: 4.2%; }
.product-com .item > a,
.product-com .istop > a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 50;}
.product-com .item{text-align: center;}
.product-com .item .title{font-size: 24px;}
.product-com .title span{display: inline-block; vertical-align: middle;}
.product-com .item .title span.t-1{font-size: 42px;line-height: 0.953em;}
.product-com .item .title span.t-2{line-height: 1.5em; border-width: 2px;border-style:  solid;border-radius: 3px;padding: 0 10px; margin-left: 10px;}
.product-com .item .desc{font-size: 20px; padding: 2% 0 4% 0;}
.product-com .price{font-size:36px; margin-right: 40px;display: inline-block;color: #e25f26; vertical-align: middle;font-family: 'Gotham-Blod';font-weight: bold;}
/* .product-com .price span.f-num{font-size: 24px;} */
.product-com .more{display: inline-block; font-size: 18px;padding: 0 16px;background-repeat: no-repeat;background-position: right center; transition: 0.3s;}
/*.product-com .item:hover .more{background-image: url("../images/more_ea6011.png"); padding-right: 22px;color: #ea6011; padding-left: 10px;}*/
.product-com .istop .desc{font-size:60px;line-height: 1.467em;}
.product-com .istop .title{ font-size:24px;line-height: 27px; margin: 5% 0 9% 0; letter-spacing: 3px; text-indent: 3px;}
.product-com .istop .title span.t-1{}
.product-com .istop .title span.t-2{ margin-left: 30px;}
.product-com .list-item .item{float: left; width: 27.632%; margin-right: 8.5%;}
.product-com .item .pic{ position: relative;}
.product-com .item .tit{ position: absolute; left: 0; top: 10%; width: 100%; text-align: center; z-index: 2;}
.product-com .item .tit .t-1{ font-size: 20px; position: relative;}
.product-com .item .tit .t-1::before,
.product-com .item .tit .t-1::after{ width: 38px; height: 1px; content: ''; background-color: #cccccc; display: inline-block; vertical-align: middle; margin-top: -5px;}
.product-com .item .tit .t-1::before{ margin-right: 20px;}
.product-com .item .tit .t-1::after{ margin-left: 20px;}

.product-com .item .tit .desc{ font-size: 18px; color: #6c6c6c; padding: 2% 15%;}
.product-com .item .icon{ position: absolute; left: 10px; top: 10px; z-index: 3;}
.product-com .item .icon span{ width: 50px; line-height: 50px; color: #fff; font-size: 16px; background-color: #eb6112; margin-bottom: 10px; text-align:center; display: block; border-radius: 100px;}
.product-com .txtCon{ position: relative; z-index: 2;}
.product-com .txtCon h3{ font-size: 34px; color: #2a2a2a; margin: 0; padding: 11% 0 2.5%; font-weight: normal;}
.product-com .txtCon .price{ font-size: 35px;}
.product-com .list-item{ padding-bottom: 5%; margin-bottom: 6%; border-bottom: 1px solid #eeeeee;}
.product-com .list-item:last-child{ margin-bottom: 0}
.proOther{ margin: 0 auto; max-width: 1440px;}
.proOther .pic{ width: 45.139%;}
.proOther .txtCon{ padding-right: 1%; color: #2a2a2a; font-size: 18px; }
.proOther .tit .cn{ font-size: 60px;}
.proOther .tit .en{ color: #eb6112; font-size: 30px; margin: 2% 0 6%;}
.proOther .icon{ margin-top: 10%; font-size: 0;}
.proOther .icon li{ display: inline-block; margin-right: 5.1%; margin-bottom: 2%;}
.proOther .icon li:last-child{ margin-right: 0;}
@media(min-width:1025px) and (max-width:1366px){
.product-com .item .title{font-size: 18px;}
.product-com .item .title span.t-1{font-size: 32px;}
 .product-com .item .desc{font-size: 16px;}
}
@media(min-width:1025px) and (max-width:1166px){
.product-com .istop .desc{font-size: 5vw;}
}
@media(min-width:768px) {
	
	.product-com .list-item .item:nth-child(3){ margin-right: 0;}
}
@media(max-width:1440px){
	.product-com .list-item .item{ width: 30.33%; margin-right: 4%;}
}
@media(max-width:1200px){
	.product-com .istop .txt.left{ padding-left: 6%;}
	.product-com .istop .desc{ font-size: 60px;letter-spacing: 6px;}
	.product-com .txtCon h3{ font-size: 30px;}
	.product-com .txtCon .price{ font-size: 32px;}
	.proOther .tit .cn{ font-size: 50px;}
	.proOther .tit .en{ font-size: 24px;}
}
@media(max-width:1024px){
.product-com .istop  .icon ul{display:table;margin:0 auto;}
/* .product-com{max-width: 730px; margin: 0 auto;} */
.product-com .istop .txt.left{ padding-left: 0;}
.product-com .item,
.product-com .istop{margin-bottom: 5vw;}
.product-com .txt{text-align: center;padding-bottom: 3vw;}
.product-com .istop .pic{overflow: hidden;}
.product-com .istop .pic img{max-width: none; width: 208%;margin-left: -15%;}
.product-com .istop  .pic.left img{float: right;margin-right: -23%;}
.product-com .istop .title{margin: 2% 0 4% 0;}
.product-com .banner .pcimg { display: none}
.product-com .banner .wapimg{ display: block}
.product-com .more{background-image: url("../images/more_222.png");}
	.product-com .list-item .item{ width: 32%; margin-right: 2%;}
	.product-com .istop .txt.left{ padding-left: 6%;}
	.product-com .istop .desc{ font-size: 46px;letter-spacing: 4px;}
	.product-com .txtCon h3{ font-size: 24px;}
	.product-com .txtCon .price{ font-size: 26px;}
	.proOther .tit .cn{ font-size: 42px;}
	.proOther .tit .en{ font-size: 20px;}
	.product-com .item .tit .t-1{ font-size: 16px;}
	.product-com .item .tit .desc{ font-size: 14px;}
}
@media(max-width:768px){
	.product-com .item .icon span{ width: 30px; line-height: 30px; font-size: 12px;}
	.product-com .item .tit .t-1::before,
	.product-com .item .tit .t-1::after{ width: 20px;}
	.product-com .item .tit .t-1::before{ margin-right: 5px;}
	.product-com .item .tit .t-1::after{ margin-left: 5px;}
	.product-com .list-item{ padding-bottom: 0;}
	.proOther .txtCon{ font-size: 16px;}
	.proOther .tit .cn{ font-size: 36px;}
	.proOther .tit .en{ font-size: 18px;}
}
@media(max-width:640px){
.product-com .istop .desc{font-size: 9vw;}
.product-com .item .title span.t-1{font-size: 6vw;}
.product-com .item .title span.t-2{font-size: 4vw;}
.product-com .list-item .item{ width: 100%; float: none; margin-right: 0;}
.product-com .txtCon h3{ padding: 5% 0 1%;}
.proOther .ytable-cell{ display: block; width: 100%;}
.proOther .txtCon{ font-size: 14px;}
	.proOther .tit .cn{ font-size: 30px;}

	.proOther .tit .en{ font-size: 16px;}
	.proOther .icon li{ width: 33.33%; text-align: center; margin-right: 0; padding: 1%;}
}
@media(max-width:480px){
 .product-com .item .desc{font-size: 16px;}
.product-com .istop .title{font-size: 14px;}
.product-com .istop .title span.t-2{font-size: 16px;}
.product-com .item,
.product-com .istop{margin-bottom: 9vw;}
.product-com .txt{padding-bottom: 7vw;}
}

.all-prodCate{background: #111; text-align: center; padding: 2% 0;}
.all-prodCate dt{float: left;}
.all-prodCate dt .icon{max-width:100px; margin: 0 auto 16px; border:1px solid rgba(255,255,255,0.05);border-radius: 10px; transition: 0.3s;}
.all-prodCate dt aside{color: rgba(255,255,255,0.5); font-size: 16px; margin: 0 -5px;}
.all-prodCate dt a:hover .icon{border-color: #e25f26;background: #e25f26;}
.all-prodCate dt a:hover aside{color: #e25f26;}
@media(min-width:769px){
.all-prodCate dt{margin-top: 2%; margin-bottom: 2%;}
.all-prodCate .row-6 dt{width: 16.666%;}
.all-prodCate .row-6 dt:nth-child(6n+1){clear: left;}
.all-prodCate .row-5 dt{width: 20%;}
.all-prodCate .row-5 dt:nth-child(5n+1){clear: left;}
}
@media(max-width:1024px){
.all-prodCate dt{margin-top: 3vw; margin-bottom: 3vw;}
}
@media(max-width:768px){
.all-prodCate dt{width: 49%; }
.all-prodCate dt:not(:nth-child(2n)){margin-right: 2%;}
.all-prodCate dt:nth-child(2n+1){clear: left;}
}
@media(max-width:480px){
.all-prodCate dt aside{font-size: 12px;}
}

#menu{display: none;}
.right-menu{position: fixed; top: 50%; right: 17px; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); z-index: 100;display: none;}
.right-menu li{width: 14px;height: 14px;margin: 6px;position: relative;}
.right-menu li:before{position: absolute; content: ''; width: 4px; height: 4px; left: 50%; top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #333;transition: 0.3s;border-radius: 50%;}
.right-menu li.pid-active:before{width: 100%; height: 100%; background: #e25f26;}
.right-menu li a{position: absolute; right: 0;padding-right: 20px;color: #fff; width: 120px; text-align:right; line-height: 24px; top: 50%; margin-top: -12px;font-size: 0; opacity: 0;}
.right-menu li.pid-active a{font-size: 12px; opacity: 1;}

.fullpage-title{background: #e25f26;color: #fff; font-size: 36px; padding:1.719% 0; text-align: center;}
@media(max-width:1024px){
.fullpage-title{font-size: 4vw;}
}

.zhutui-body .singlePage{height: 100%;background: #000;}
.zhutui-style .ytable{width: 90%;}
 .zhutui-style .f-en{font-family: 'Gotham-Thin';}
@media(max-width:1200px){
 .zhutui-style{height: auto!important;}
}

.zhutui-tit-1{color: #fff;font-size: 45px; line-height: 1.511em;}
.zhutui-tit-2{color: #999;font-size: 40px;padding-top: 2.5%;}
.zhutui-tit-3{color: #fff;font-size: 17px;line-height: 1.875em;padding-top: 5%;}
.zhutui-tit-4{color: #fff;font-size: 20px; padding-bottom: 2%;line-height: 2em;}
.zhutui-tit-5{color: #fff;font-size:12px;text-align: center;padding-top: 10px;}
.zhutui-tit-6{color: #999;font-size: 36px;padding-top: 2.5%;}
.zhutui-tit-7{color: #fff;font-size: 17px;padding-top: 15px; line-height: 1.7647em;}
@media(min-width:1025px) and (max-width:1440px){
.zhutui-tit-1{font-size: 3vw;}
.zhutui-tit-2{font-size: 2.5vw;}
.zhutui-tit-3{font-size: 1.112vw;}
.zhutui-tit-4{font-size: 1.389vw;}
.zhutui-tit-6{font-size: 2.6vw;}
.zhutui-tit-7{font-size: 1.23vw;}
}
@media(max-width:1024px){
.zhutui-tit-1{font-size: 5vw;}
.zhutui-tit-2{font-size: 4.5vw;}
.zhutui-tit-3{font-size: 2vw;}
.zhutui-tit-4{font-size: 3vw;}
.zhutui-tit-6{font-size: 4.4vw; }
.zhutui-tit-7{font-size: 2.23vw;}
}
@media(max-width:480px){
.zhutui-tit-3{font-size: 3vw;}
.zhutui-tit-4{font-size: 3.4vw;}
.zhutui-tit-7{font-size: 3.23vw;}
}

/*.no-tl-fixed{table-layout: inherit;}*/
.max-w570{max-width: 570px;}
.max-w590{max-width: 590px;}
.max-w540{max-width: 540px;}
.max-w500{max-width: 500px;}
.max-w730{max-width: 730px;}
.pad-t-0{padding-top: 0;}
.pad-t-5{padding-top: 5%;}
 .tit-3-pad{padding: 0;}

.editor > div.pic-absolute{background: #000;}

.css-8-m-ul li{float: left;}
.css-8-m-ul.row-3 li{ width: 33.3333%;}
.css-8-m-ul li .inner{display: table; text-align: center;}
.css-8-m-ul li aside{font-size: 14px;padding-top: 15px;color: #fff;}

/*.pic-absolute{background: #000;}*/
@media(min-width:1025px){
 .pic-absolute{height: 100%;overflow: hidden;}
 .pic-absolute .ytable.pr{z-index: 10;}
.pic-absolute .pic img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); min-height: 100%;min-width: 100%;max-width: none;}
}
@media(max-width:1024px){
 .pic-absolute .pic{overflow: hidden;}
.pic-absolute .pic img{max-width: none;}
.pic-absolute .ytable,
.pic-absolute .ytable-cell{display: block;}
.pic-absolute .txt{ padding-top: 6vw;padding-bottom: 6vw;}
}

.css-8-m-1{z-index: 1; background: #040404;}
.css-8-m-1 .ytable{z-index: 3;padding-top: 3vw;}
.css-8-m-1 .zhutui-tit-3:not(.tit-3-pad){padding-bottom: 6vw;}
@media(min-width:1025px){
.css-8-m-1{height: 100%;}
.css-8-m-1 .txt{width: 60%;}
.css-8-m-1 .pic img{position: absolute; z-index: 0; right: 0;bottom: 0;height: 100%; max-width: none;}
}
@media(max-width:1024px){
.css-8-m-1 .pic{overflow: hidden;}
.css-8-m-1 .pic img{float: right;max-width: none; width:175%;}
.css-8-m-1 .ytable-cell,
.css-8-m-1 .ytable{display: block;}
}

.css-8-m-2{background: #000;}
.css-8-m-2 .auto-inner{z-index: 10;}
.css-8-m-2 .txt{padding-top: 8.51vw;}
@media(min-width:1201px){
.css-8-m-2{height: 100%;}
.css-8-m-2 .pic img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);width: 100%;}
}
@media(min-width:1025px) and (max-width:1200px){
.css-8-m-2 .pic{margin-top: -13vw;}
.css-8-m-4{padding: 3vw 0;}
}
@media(max-width:1024px){
.css-8-m-2 .pic{overflow: hidden;margin-top: -22vw;}
 .css-8-m-2 .pic img{display: block; max-width: none; width: 130%; margin-left: -15%;}
.css-8-m-3,
.css-8-m-4{padding-top: 3vw;}
}

.css-8-m-5{height:100%; background: #000;}
.css-8-m-5 .duibi{position: relative;font-size: 24px;color: #fff;}
.css-8-m-5 .duibi li{float:left; width:50%;position: relative;}
.css-8-m-5 .duibi li aside{position: absolute; left: 0; bottom: 13%; width: 100%;  text-align: center; }
.css-8-m-5 .duibi dl{position: absolute; left: 0; width: 100%; top: 0;line-height: 3.416em; z-index: 10; }
.css-8-m-5 .duibi dl dt{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.css-8-m-5 .duibi dl dd{float:left; width:50%;}
.css-8-m-5 .duibi dl dd span{background: rgba(0,0,0,0.3); width: 80%; max-width: 400px; text-align: center;}
.css-8-m-5 .duibi dl dd:nth-of-type(1) span{float: right;}
.css-8-m-5 .duibi dl dd:nth-of-type(2) span{float: left;}
.css-8-m-5 .zhutui-tit-3{padding-bottom: 5%;}
@media(min-width:1025px){
.css-8-m-5 .ytable{width: 96%;}
.css-8-m-5 .ytable-cell{ width: 50%;}
}
@media(min-width:1501px){
.css-8-m-5 .img .inner{margin: 0 -6.382%;}
}
@media(min-width:1025px) and (max-width:1200px){
.css-8-m-5 .duibi{font-size: 2vw; margin-top: 4vw;}
.css-8-m-5 .zhutui-tit-3{width: 80%;}
}
@media(max-width:1024px){
.css-8-m-5 .ytable-cell,
.css-8-m-5 .ytable{display: block;}
.css-8-m-5 .duibi{font-size: 2vw; margin-top: 7vw;}
.css-8-m-5 .duibi dl dd span{width: 50%;}
.css-8-m-5 .txt{padding-bottom: 6vw;}
.css-8-m-5 .txt-area{height: auto!important;}
}

/*卖点二*/
.css-8-m-6 .txt{text-align:center;}
.css-8-m-6 .icon{width: 100%;}
.css-8-m-6 .icon dl{overflow:hidden;}
.css-8-m-6 .icon dd{float:left;width:20%;text-align: center;}
.css-8-m-6 .icon dd aside{font-size: 14px; padding-top: 20px;}
.css-8-m-6 .icon dd img{height:52px;}
@media(min-width:1025px){
.css-8-m-6 .icon,
.css-8-m-6 .txt .zhutui-tit-3{display:inline-block; text-align:left;max-width:650px;}
}
@media(min-width:1025px) and (max-width:1200px){

}
@media(max-width:1200px){
.css-8-m-6 .icon{padding: 3vw 0;}

}
@media(max-width:1024px){
.css-8-m-6 .icon{padding: 3vw 0;}
.css-8-m-6 .max-w540{max-width: none;}
.css-8-m-6 .icon dd{width:25%;}
}
@media(max-width:640px){
.css-8-m-6 .icon dd img{height: 8vw;}
.css-8-m-6 .icon dd aside{font-size: 2.5vw; padding-top: 2vw;}
}

.css-8-m-7 .zhutui-tit-7{padding:8% 0 10% 0;}
.css-8-m-7 .zhutui-tit-5{text-align:left;}
/*
.css-8-m-7 .txt dl{display: table;width: 100%;table-layout: fixed;}
.css-8-m-7 .txt dl > *{display: table-cell; vertical-align: middle;}
.css-8-m-7 .txt dt{width: 300px;}
.css-8-m-7 .txt dd ul{padding-left: 5%;}*/
.css-8-m-7 .txt li:not(:last-child){padding-bottom: 10%;}
.css-8-m-7 .txt li .zhutui-tit-4{padding: 0;}
.css-8-m-7 .txt li .zhutui-tit-5{padding: 0;text-align: left;color: #999;}
@media(min-width:1025px){
.css-8-m-7 .txt{ width: 40%; max-width: 548px;}
.css-8-m-7 .zhutui-tit-5{padding-top:10vh}
}
@media(min-width:1025px) and (max-width:1200px){
.css-8-m-7{padding: 10vw 0;}
}
@media(max-width:1024px){
.css-8-m-7{background: #000; padding-top: 6vw;}
.css-8-m-7 .ytable,
.css-8-m-7 .ytable-cell{display: block;}
/*
.css-8-m-7 .txt dt{width: 40%;}*/
.css-8-m-7 .pic img{width: 160%;float: right;}
}


.css-8-m-8  .zhutui-tit-5{text-align: left; opacity: 0.73;}
.css-8-m-8 .txt ul{padding:3vw 0;}
.css-8-m-8 .txt li:not(:last-child){padding-bottom: 5%;}
.css-8-m-8 .txt li  .zhutui-tit-3{padding:0;}
@media(min-width:1025px){
.css-8-m-8 .txt{ width: 60%; max-width: none;}
}
@media(max-width:1024px){
.css-8-m-8 .txt{padding-bottom: 6vw;}
.css-8-m-8 .pic img{float: right;}
}

.css-8-m-9{height: 100%;background: #000;}
.css-8-m-9  .info  li{float: left; text-align: center;}
.css-8-m-9 .info  li{width:33.33333%}
.css-8-m-9  .info  li aside.tit{color: #fff; font-size: 30px;}
.css-8-m-9  .info  li aside.f-en{font-size: 30px;color: #898989; padding-top: 8%;}
.css-8-m-9 .img dl{display: table; width: 100%; table-layout: fixed;}
.css-8-m-9 .img dl > *{display: table-cell; vertical-align: middle;}
.css-8-m-9 .img dt{width: 188px; text-align: center;padding: 0 12px;color: #fff;}
.css-8-m-9 .img dt span{display: block;font-size: 33px;}
.css-8-m-9 .img dt p{font-size: 14px;line-height: 25px;}
.css-8-m-9 .img dt i{height: 4vw; width: 1px; background: #bababa; display: block; margin: 1.5vw auto;}
.css-8-m-9 .img .zhutui-tit-5{text-align:right;}
.css-8-m-9 .info-inner{width:100%;}
@media(min-width:1025px){
.css-8-m-9 .info-inner .info{float:right;width:70%;max-width:1218px;}
.css-8-m-9 .info{background:rgba(0,0,0,0.7);}
.css-8-m-9 .info ul{ padding:5.23vw 3vw; max-width:1028px;margin:0 auto;}
.css-8-m-9 .img{width: 56.579%;}
.css-8-m-9 .img .zhutui-tit-5{padding-top:3vh;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-8-m-9  .info  li aside.tit{font-size: 2vw;}
.css-8-m-9  .info  li aside.f-en{font-size: 1.5vw;}
}
@media(max-width:1200px){
.css-8-m-9 .txt-area{padding: 5vw 0;height: auto!important;}
}
@media(max-width:1024px){
.css-8-m-9 .ytable,
.css-8-m-9 .ytable-cell{display: block;}
.css-8-m-9 {padding:5vw 0;}
.css-8-m-9 .txt{text-align: center;padding-bottom: 5vw;}
.css-8-m-9   .info  li aside.tit{font-size: 3vw;}
.css-8-m-9  .info  li aside.f-en{font-size: 2.6vw;}
.css-8-m-9-2 .pic img{width:100%;}
.css-8-m-9 .info-inner{padding: 5vw 0;}
}
@media(max-width:640px){
.css-8-m-9 .pic-txt{overflow: hidden;}
.css-8-m-9 .pic-txt > img{width: 200%; max-width: none;}
.css-8-m-9 .img dt{width: 120px;padding: 0 6px;}
.css-8-m-9 .img dt span{font-size: 24px;}
.css-8-m-9 .img dt p{font-size: 12px;line-height: 20px;}
}

.css-8-m-10 .zhutui-tit-7{padding-top:5%;}
/*卖点三*/
.css-8-m-12{background:#151516;}
.css-8-new-10 .txt{text-align:center;}
.css-8-m-12 .tit-area{padding-bottom:2.5%; text-align:center;}
@media(min-width:1025px){
.css-8-m-12{height:100%;}
.css-8-new-10 .ytable{height:70%;}
}
@media(min-width:1025px) and (max-width:1200px){
.css-8-m-10{padding: 20vw 0;}
}
@media(max-width:1024px){
.css-8-m-10{height: auto!important;}
.css-8-m-10 .pic img{float: right; width: 160%;}
}
/*卖点四*/
.css-8-m-14{background: #000;}
.css-8-m-14 .txt{text-align:center;}
@media(min-width:1025px){
.css-8-m-14 .ytable{height:70%;}
}
@media(min-width:1025px) and (max-width:1200px){
 .css-8-m-14{padding: 20vw 0;}
}
@media(max-width:1024px){
.css-8-m-14 .pic img{float:right;width: 160%;margin-right: -20%;margin-top: -30%;}
.css-8-m-14 .txt{ width: 90%; margin:0 auto;}
}

.css-8-m-15{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.css-8-m-15 .ytable{width: 100%;}
.css-8-m-15 .zhutui-tit-7{padding-top: 8%;}
@media(min-width:1025px){
.css-8-m-15 .img{width: 49.45%;}
.css-8-m-15 .txt .inner{float: right; max-width: 740px; width: 90%;}
}
@media(min-width:1025px) and (max-width:1200px){
 .css-8-m-15{padding: 10vw 0 10vw 3vw;}
}
@media(max-width:1024px){
.css-8-m-15 .txt{ width: 90%; margin:0 auto;}
}

@media(min-width:1025px){
.css-8-m-17 .txt{position: absolute; left: 0; top:20%; width: 100%; z-index: 10;}
.css-8-m-17 .zhutui-tit-7{padding-top: 3%;}
.css-8-m-17 .zhutui-tit-2{padding-top: 1.5%;}
}
@media(max-width:1024px){
.css-8-m-17 .pic img{width: 120%;float: right;}
}

@media(min-width:1025px){
.css-8-m-18 .txt{position: absolute; left: 0; top:16%; width: 100%; z-index: 10; text-align: center;}
.css-8-m-22 .txt{top:10%;}
.css-8-m-22 .zhutui-tit-3,
.css-8-m-18 .zhutui-tit-7{padding-top: 3%;}
.css-8-m-18 .zhutui-tit-2{padding-top: 1%;}
}
@media(min-width:1025px) and (max-width:1366px){
.css-8-m-22 .txt{top:3vh;}
.css-8-m-22 .zhutui-tit-3{padding-top: 2%;}
.css-8-m-22 .zhutui-tit-1{line-height:1.2em;}
}
@media(min-width:1025px) and (max-width:1200px){
 .css-8-m-18{ height: 70vw;}
}
@media(max-width:1024px){
.css-8-m-18 .pic img{width: 100%;}
.css-8-m-22 .txt{position: relative; z-index: 10;}
.css-8-m-22 .zhutui-tit-1{max-width: 46vw;}
.css-8-m-22 .pic{margin-top: -17vw;}
}

.css-8-m-19{text-align: center;background: #151517;}
.css-8-m-19:not(.css-8-m-20) .pic-area,
.css-8-m-20 .pic-area ul{padding-bottom:3vw;}
.css-8-m-29 .pic-area{padding-bottom:0!important;}
.css-8-m-19 .pic-area .auto-inner{height:auto!important}
.css-8-m-19 .pic-area li{float: left;}
.css-8-m-19 .pic-area li:nth-child(1){width: 49.323%}
.css-8-m-19 .pic-area li:nth-child(2){width: 50.677%}
@media(min-width:1025px){
.css-8-m-19 .zhutui-tit-7{padding-top: 3%;}
.css-8-m-20 .zhutui-tit-2{padding:1vw 0;}
.css-8-m-20 .zhutui-tit-7{padding:0;}
}
@media(max-width:1024px){
.css-8-m-19 .auto-inner{height: auto!important;}
}

.css-8-new-16,
.css-8-m-20{text-align:left;}



/*卖点五*/
.css-8-m-23{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.css-8-m-23 .ul-list li{float: left;width: 50%; position: relative;}
.css-8-m-23 .ul-list li figure{position: absolute; left: 0; bottom: 0; width: 26.079%;}
.css-8-m-23 .ul-list li .info{ padding:0 15%;}
.css-8-m-23 .ul-list li .zhutui-tit-7{padding-top: 0;height: 7.0588em;}
.css-8-m-23 .ul-list li > img{max-width: none;margin-left:-5.4905%; width: 110.981%}
@media(min-width:1441px){
.css-8-m-23 .ul-list ul{margin: 0 -17.106%;}
}
@media(min-width:1025px){
.css-8-m-23 .txt .zhutui-tit-3{max-width:570px;}
}
@media(min-width:1025px) and (max-width:1200px){
.css-8-m-23{padding: 5vw 0;}
.css-8-m-23 .ytable,
.css-8-m-23 .ytable-cell{display: block;}
.css-8-m-23 .txt{padding-bottom: 5vw;}
}
@media(max-width:1200px){
 .css-8-m-23 .txt{text-align: center; }
.css-8-m-23 .zhutui-tit-3{max-width: none;}
}
@media(max-width:1024px){
.css-8-m-23{padding-bottom: 6vw;}
.css-8-m-23 .ul-list li .zhutui-tit-7{height: 8.8235em;}
}

.css-8-m-24 .css-8-m-ul{ max-width: 597px;padding-top: 8%;}
@media(min-width:1025px) and (max-width:1500px){
.css-8-m-24 .pic img{left: auto;right:-9%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);}
 .css-8-m-24 .zhutui-tit-3{max-width: 80%;}
}
@media(min-width:1025px) and (max-width:1366px){
 .css-8-m-24 .zhutui-tit-3{max-width: 60%; }
}
@media(max-width:1024px){
.css-8-m-24 .max-w590{max-width: none;}
.css-8-m-24 .css-8-m-ul li img{width: 15vw; max-width: 97px;}
}

.css-8-m-25{background: #0c0c0c;}
.css-8-m-25 .txt{vertical-align:bottom;padding-bottom:1%;}
.css-8-m-25 .pic-area{position: relative;}
@media(min-width:1025px){
.css-8-m-25 .pic-area ol{position: absolute;left:0;width: 100%; z-index:10; top:0; }
.css-8-m-25 .pic-area ol .inner{max-width:816px;margin:0 auto;background: rgba(0,0,0,0.7);padding-bottom:3vw;}
}
.css-8-m-25 .pic-area ol .zhutui-tit-2{padding:0 0 2% 0;}
.css-8-m-25 .pic-area li{position: relative; z-index:1; width: 50%!important;}
.css-8-m-25 .pic-area li .inner{padding:1vw 0; }
.css-8-m-25 .pic-area li .inner > aside{padding: 0;}
@media(max-width:1024px){
.css-8-m-25 .txt{height:auto!important;}
.css-8-m-25 .pic-area ol{width:90%;margin:0 auto;}
.css-8-m-25 .pic-area ol br{display:none;}
.css-8-m-25 .pic-area .zhutui-tit-3{padding:0 0 3% 0;}
}

.css-8-m-26 .txt{top: 10%;}
@media(min-width:1025px) and (max-width:1366px){
.css-8-m-26 .txt{top: 3.5%;}
.css-8-m-26 .txt .zhutui-tit-3{padding-top:1%;}
}

.css-8-m-28 .zhutui-tit-3{line-height: 2.25em;}
@media(min-width:1025px){
.css-8-m-27 .zhutui-tit-3{max-width: 510px;}
.css-8-m-26 .zhutui-tit-3{padding-top:3%;}
 .css-8-m-28 .img{width: 61.316%;position: relative;}
.css-8-m-28 .img:before{position: absolute; content: '';right:0;width: 100%; height: 100%; background: #000; z-index: 100; transition: 1.2s;}
.css-8-m-28 .aos-animate .img:before{width: 0;}
.css-8-m-28 .zhutui-tit-3{max-width: 370px; text-align: justify; padding-bottom: 5vw;}
}
@media(max-width:1024px){
 .css-8-m-28 .img{padding-bottom: 6vw;}
}
/*卖点六*/
.css-8-m-29{background:#151516;text-align:left;}
.css-8-m-29 .zhutui-tit-2,
.css-8-m-29 .zhutui-tit-3{padding-top:0;}
/*.css-8-m-29 .ytable{height: 95%;}
.css-8-m-29 .txt{vertical-align: bottom;}
@media(min-width:1201px){
 .css-8-m-29 .pic img{height: 100%;max-width: inherit;}
}
@media(max-width:1200px){
 .css-8-m-29{padding: 0;}
.css-8-m-29 .txt{padding: 6vw 0;}
 .css-8-m-29 .pic img{position: relative; left: auto;right:auto;max-width: 100%; min-height: inherit; height:  auto; transform: translate(0,0);}
}*/

.css-8-m-30{background-position: center center;background-size: cover;background-repeat: no-repeat;}
.css-8-m-30 .pic-area{position: relative;padding-bottom:0!important;}
.css-8-m-30 .pic-area dl{position: absolute; height: 100%; z-index: 20; opacity: 0.6;}
.css-8-m-30 .pic-area dl.left{left: 0;}
.css-8-m-30 .pic-area dl.right{right: 0;}
.css-8-m-30 .pic-area dd{font-size: 24px;color: #fff;position: absolute;}
.css-8-m-30 .pic-area dl.left dd:nth-child(1){right: 5%; top: 5%;}
.css-8-m-30 .pic-area dl.left dd:nth-child(2){right:25%; top: 17%;}
.css-8-m-30 .pic-area dl.left dd:nth-child(3){right: 5%; top: 70%;}

.css-8-m-30 .pic-area dl.right dd:nth-child(1){left: 5%; top: 11%;}
.css-8-m-30 .pic-area dl.right dd:nth-child(2){left: 30%; top: 65%;}
.css-8-m-30 .pic-area dd:before,
.css-8-m-30 .pic-area dd:after{display: inline-block;font-size: 40px;font-family: 'PuHuiTi-L'; vertical-align: middle;}
.css-8-m-30 .pic-area dd:before{content: "“";}
.css-8-m-30 .pic-area dd:after{content: "”";}
@media(min-width:1025px){
.css-8-m-30 .zhutui-tit-2{padding-top:1%;}
.css-8-m-30 .zhutui-tit-3{padding-top:3%;}
 .css-8-m-30 .pic-area dl{width:27.265625%; }
.css-8-m-30 .pic-area .bingxiang{position: absolute; z-index: 10; left: 27.265625%; bottom: 0; width: 45.46875%;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-8-m-30 .pic-area dd{font-size: 1.3vw;}
.css-8-m-30 .pic-area dd:before,
.css-8-m-30 .pic-area dd:after{font-size: 2vw;}
}
@media(max-width:1200px){
.css-8-m-30 .ytable{height: auto!important;}
}
@media(max-width:1024px){
 .css-8-m-30 .pic-area .yingpin{position: relative; overflow: hidden;}
 .css-8-m-30 .pic-area dl{width:100%; }
 .css-8-m-30 .pic-area .yingpin > img{width: 150%; margin-left: -25%;max-width: inherit;}
.css-8-m-30 .pic-area .bingxiang{max-width: 873px; width: 80%; margin: 0 auto;}
.css-8-m-30 .pic-area dl.left dd:nth-child(3){top: 80%;}
.css-8-m-30 .pic-area dl.left dd:nth-child(2){ top: 28%;}
}
@media(max-width:640px){
.css-8-m-30 .pic-area dd{font-size: 3vw;}
.css-8-m-30 .pic-area dd:before,
.css-8-m-30 .pic-area dd:after{font-size: 4vw;}
}

.css-8-m-31{background: #000000;}
@media(min-width:1025px){
 .css-8-m-31 .zhutui-tit-3{max-width: 600px;}
.css-8-m-31 .pic img{min-height: inherit;height: 100%; left: auto;right: 0; top: 0; min-width: inherit; transform: translate(0,0);}
}


/*卖点七*/

@media(min-width:1025px) and (max-width:1500px){
 .css-8-m-32 .pic img{height: 100%; min-height: inherit; }
}
.css-8-m-33 .icon{ text-align:center;}
.css-8-m-33 .icon{margin-top:15%;}
@media(min-width:1025px){
.css-8-m-33 .zhutui-tit-3{max-width: 535px; padding-top: 5%; text-align:justify;}
.css-8-m-33 .icon{max-width:50%;}
}
/*
.css-8-m-33 .zhutui-tit-3{padding-bottom: 8%;}
@media(min-width:1025px){
.css-8-m-33 .pic img{left: 0; top: 0; min-width: inherit;transform: translate(0,0);}
.css-8-m-33 .txt{padding-left: 8%;}
.css-8-m-33 .zhutui-tit-3{max-width: 447px; padding-top: 5%;}
}
@media(max-width:1024px){
.css-8-m-33 .pic img{width: 100%;}
}*/

@media(min-width:1025px){
.css-8-m-34 .zhutui-tit-3{max-width: 540px;}
}
.css-8-m-34 li{float:left; text-align:center;font-size:13px;}
.css-8-m-34 li .icon{display:table; width:100%;height:7vw; margin-bottom:1vw;}
.css-8-m-34 li .icon .inner{display:table-cell;vertical-align:middle;}
.css-8-m-34 li .icon img{max-height:6vw;}
.css-8-m-34 li aside{padding:0 4%;}
@media(min-width:1025px) and (max-width:1366px){
.css-8-m-34 li .icon{height:4vw;}
.css-8-m-34 li .icon img{max-height:3vw;}
}
@media(min-width:769px){
.css-8-m-34 li{width:20%;margin:1vw 0;}
.css-8-m-34 li:nth-child(5n+1){clear:left;}
}
@media(max-width:1024px){
.css-8-m-34 .pic{display:none;}
}
@media(max-width:768px){
.css-8-m-34 li{width:50%;margin:4vw 0;}
.css-8-m-34 li:nth-child(2n+1){clear:left;}
.css-8-m-34 li .icon{height:20vw;}
.css-8-m-34 li .icon img{max-height:12vw;}
}

/*---------------- 2020-9-15-------------------- */

.css-8-new-1 .ytable,
.css-8-new-1 .zhutui-tit-2{padding-top:0;}
.css-8-new-1 .zhutui-tit-3{padding-top:4%;max-width:886px; padding-bottom:4vw!important;}
@media(min-width:1025px){
.css-8-new-1 td.l{width:60%;}
}
@media(min-width:1025px) and (max-width:1560px){
.css-8-new-1 .zhutui-tit-3{padding-top:2%; padding-bottom:2vw!important;}
}
.css-8-new-1 .zhutui-tit-5{text-align:left;padding-top:2vw;}
.css-8-new-1 td.r{text-align:center;padding-bottom:3vw;}
.css-8-new-1 td.r img{width:90%;}
@media(max-width:1024px){
.css-8-new-1 td{display:block;}
.css-8-new-1 td.r{padding-top:3vw;}
}

.css-8-new-2{background:#141414;}
.css-8-new-2 .ytable{width:100%;}
.css-8-new-2 .duibi{position: relative;font-size: 34px;color: #fff;}
.css-8-new-2 .duibi li{float:left; width:50%;position: relative;}
.css-8-new-2 .duibi li aside{text-align: center; font-size:0.5882em;padding-top:4vw;}
.css-8-new-2 .duibi dl{position: absolute; left: 0; width: 100%; top: 0;line-height: 3.416em; z-index: 10; }
.css-8-new-2 .duibi dl dt{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.css-8-new-2 .duibi dl dd{float:left; width:50%;}
.css-8-new-2 .duibi dl dd span{background: rgba(23,38,74,0.4); width: 80%; max-width: 400px;  padding: 1% 0;}
.css-8-new-2 .duibi dl dd:nth-of-type(1) span{float: right;padding-left:5%;}
.css-8-new-2 .duibi dl dd:nth-of-type(2) span{float: left;padding-right:5%;text-align: right;}
@media(min-width:1025px){
.css-8-new-2{height:100%;}
}
@media(min-width:1025px) and (max-width:1200px){
.css-8-new-2 .duibi{font-size: 2vw; margin-top: 4vw;}
}
@media(max-width:1024px){
.css-8-new-2 .ytable-cell,
.css-8-new-2 .ytable{display: block;}
.css-8-new-2 .duibi{font-size: 2vw; margin-top: 7vw;}
.css-8-new-2 .duibi dl dd span{width: 50%;}
.css-8-new-2{padding-bottom:6vw;}
}
.css-8-new-2 .zhutui-tit-2{padding-top:1%;}


.css-8-new-16 .pic-area li:nth-child(1){width:52.03125%;}
.css-8-new-16 .pic-area li:nth-child(2){width:47.96875%;}


/*品牌故事*/
.brandStory{overflow:hidden;}
.brandStory-ban .txt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color: #fff; text-align: center; }
.brandStory-ban .txt h1{ font-size:2.5vw;font-family: 'PuHuiTi-M'; font-weight: normal;}
.brandStory-ban .txt p{ font-size: 18px; font-weight: bold}
.brandStory-ban li a{    position: absolute;  left: 0;  width: 100%;  height: 100%; top: 0;}
.brandStory-ban .slick-dots{ position: absolute; bottom: 4%; left: 0; width: 100%; text-align: center; z-index: 3;}
.brandStory-ban .slick-dots li{display: inline-block; margin: 0 10px;}
.brandStory-ban .slick-dots li button{ border-radius: 100%; width: 12px; height: 12px;position: relative; display: block;padding:0;cursor:pointer;border:0;background:none;font-size:0;}
.brandStory-ban .slick-dots li button::before{content: ""; position: absolute; top: 50%; left: 50%; overflow: hidden; background: #fff; width: 6px; height: 6px; border-radius: 100%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.brandStory-ban .slick-dots li.slick-active button::before{ background: #ea6011;  width: 100%; height: 100%;}
.brandStory-ban.ban179 .txt{ letter-spacing: 2em}
@media(min-width:1025px){

.brandStory-ban li .wap{display:none;}
}
@media(max-width:1024px){
.brandStory-ban li .pc{display:none;}
}
@media(max-width:640px){
.brandStory-ban .slick-dots{bottom:1%;}
.brandStory-ban .slick-dots li{margin: 0 5px;}
.brandStory-ban .slick-dots li button{width: 10px; height: 10px;}
.brandStory-ban .txt h1{ font-size:5vw;}
}

.same-47{z-index: 10;color: #fff; overflow: hidden;}
.same-47 .txt{position: absolute; left: 0; top:0; width: 100%; text-align: center; height: 100%; padding: 0 5%; z-index: 10;}
.same-47 .tips{position:absolute ; bottom: 5%;font-size: 13px; max-width: 90%;}
.same-47 .color{color: #e67039;}
.same-47 .p-txt-1{font-size: 17px; line-height: 2.353em;}

.same-47 .fz60{font-size: 60px;}
.same-47 .fz49{font-size: 36px;}
.same-47 .fz37{font-size: 37px;}
.same-47 .fz28{font-size: 28px;}
.same-47 .fz25{font-size: 25px;}
.same-47 .fz22{font-size: 22px;}
.same-47 .fz20{font-size: 20px;}
.same-47 .fz17{font-size: 17px;}
@media(max-width:1024px){
.same-47 .fz60{font-size: 6vw;}
.same-47 .fz49{font-size: 4.5vw;}
.same-47 .fz28{font-size: 2.5vw;}
.same-47 .fz25{font-size: 2.4vw;}
.same-47 .fz22{font-size: 2.3vw;}
}
@media(max-width:640px){
.same-47 .fz49{font-size: 5.6vw;}
.same-47 .fz37{font-size: 5vw;}
.same-47 .fz28{font-size: 4vw;}
.same-47 .fz25{font-size: 3.8vw;}
.same-47 .fz22{font-size: 3.4vw;}
.same-47 .fz20{font-size: 3.2vw;}
.same-47 .fz17{font-size: 3vw;}
}

.css-47-m-1 .tit-1{/*font-size: 60px;*/line-height: 1.25em;padding-bottom: 1em;}
.css-47-m-1 .tit-2{font-size: 28px;padding-bottom: 0.357em;}
.css-47-m-1 .tit-3{font-size: 17px;}
@media(max-width:640px){
.css-47-m-1 .tit-1{font-size: 7vw;}
.css-47-m-1 .tit-2{font-size: 4vw;}
.same-47 .p-txt-1,
.css-47-m-1 .tit-3{font-size: 3vw;}
.same-47 .tips{font-size: 12px;}
}

.css-47-m-2 .tit-1{font-size: 49px;}
.css-47-m-2 .tit-1 span{font-size: 2.102em;}
.css-47-m-2 .tit-2{font-size: 25px; padding: 2% 0;}
@media(max-width:1024px){
.css-47-m-2 > img{max-width: none; width: 160%; margin-left: -30%;}
.css-47-m-2 .tit-1{font-size: 5vw;}
.css-47-m-2 .tit-2{font-size: 3vw;padding: 3vw 0;}
}
@media(min-width:641px) and (max-width:1024px){
.css-47-m-2 .p-txt-1{font-size: 2vw;}
}
@media(max-width:640px){
 .css-47-m-2 .tit-2{font-size: 3.5vw;}
}

.css-47-m-3 .tit-1{font-size: 26px; text-transform: uppercase;}
.css-47-m-3 .tit-2{font-size: 49px; padding: 0.775em 0;}
.css-47-m-3 .tit-2 span{font-size: 1.265em;}
.css-47-m-3 ul{max-width: 1410px; width: 90%; margin: 4.887% auto 0;}
.css-47-m-3 li{float: left; text-align: left; font-size: 13px;}
.css-47-m-3 .tips{right: 5%;}
.css-47-m-3 li .num{padding: 10px 0;}
.css-47-m-3 li .num span{font-size: 48px;}
.css-47-m-3 li aside{line-height: 1.846em;}
@media(min-width:1025px){
 .css-47-m-3 li .num{min-width: 120px;} 
 .css-47-m-3 li:last-child .num{min-width: 160px;} 
}
@media(min-width:1025px) and (max-width:1440px){
 .css-47-m-3 > img{max-width: inherit; width: 150%; margin-left: -25%;}
}
@media(max-width:1366px){
.css-47-m-3 li .num span{font-size: 3vw;}
}
@media(max-width:1024px){
.css-47-m-3 .tit-1{font-size: 3vw;}
.css-47-m-3 .tit-2{font-size: 5vw; }
.css-47-m-3 .txt{position: relative; height: auto; z-index: 10; padding-top: 7vw;padding-bottom: 10vw;}
 .css-47-m-3 > img{position: absolute; left: 50%; top: 50%; z-index: 0; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; width: auto; max-width: inherit;}
.css-47-m-3 li{margin: 0 0 4vw 0!important; width: 25%;}
}
@media(max-width:640px){
.css-47-m-3 li{width: 33.333%;}
.css-47-m-3 li .num span{font-size: 5vw;}
.css-47-m-3 .txt{padding-bottom: 15vw;}
.css-47-m-3 .tit-1{font-size: 3.5vw;}
    .css-47-m-3 .p-txt-1 br{display: none;}
}
@media(max-width:480px){
.css-47-m-3 .txt{padding-bottom: 20vw;}
.css-47-m-3 li aside{width: 80%;}
}

.css-47-m-4 .info .inner{ width: 90%;margin: 0 auto;}
.css-47-m-4 .info .p-txt-1{padding-bottom: 12.084%;}
.css-47-m-4 .info ul{border-top: 1px dashed #3e3e3e; padding-top: 6.042%;}
.css-47-m-4 .info li{text-align: center;float: left;}
.css-47-m-4 .info li aside{font-size: 12px;}
.css-47-m-4 .tit-1{font-size: 49px;}
.css-47-m-4 .tit-2{font-size: 25px;padding: 1.7em 0;}
@media(min-width:1025px){
.css-47-m-4 .img{width: 48.871%;}
.css-47-m-4 .info{padding-left: 4.835%;}
.css-47-m-4 .info .inner{max-width: 686px;}
 .css-47-m-4 .info ul{max-width: 662px;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-47-m-4 .img{width: 50%;}
.css-47-m-4 .img{position: relative;}
.css-47-m-4 .img img{position: absolute; top: 0; left: 0; height: 100%; width: auto; max-width: inherit;}
.css-47-m-4 .info{padding-top: 4vw; padding-bottom: 4vw;}
.css-47-m-4 .info li{margin: 0!important; width: 33.3333%;}
}
@media(min-width:1025px) and (max-width:1280px){
 .css-47-m-4 .info{padding-left: 0;}
}
@media(max-width:1024px){
.css-47-m-4 .ytable,
 .css-47-m-4 .ytable-cell{display: block;}
 .css-47-m-4 .info{padding: 5% 0;}
.css-47-m-4 .tit-1{font-size: 5vw;}
.css-47-m-4 .tit-2{font-size: 3vw;padding: 3vw 0;}
}
@media(min-width:641px) and (max-width:1024px){
.css-47-m-4 .p-txt-1{font-size: 2vw;}
}
@media(max-width:640px){
.css-47-m-4 .info li{margin: 0 0 3vw 0!important; width: 33.3333%;}
.css-47-m-4 .tit-2{font-size: 3.5vw;}
}
@media(max-width:480px){
.css-47-m-4 .info li{width: 50%;}
}

.css-47-m-5{background: #171717;}
.css-47-m-5 .info{text-align: left;padding-left: 2.943%;}
.css-47-m-5 .tit-1{line-height: 1.25em; text-transform: uppercase;}
.css-47-m-5 .tit-2{font-size: 28px; padding: 5% 0;text-transform: uppercase;}
@media(min-width:1025px){
.css-47-m-5 .ytable-cell{width: 50%;}
.css-47-m-5 > img{width: 52.024%;}
}
@media(min-width:1025px) and (max-width:1500px){
.css-47-m-5 .tit-1{font-size: 3.2vw;}
}
@media(max-width:1024px){
.css-47-m-5 .ytable,
 .css-47-m-5 .ytable-cell{display: block;}
.css-47-m-5 .txt{position: relative; height: auto; padding: 5vw 0;}
.css-47-m-5 .tit-1{font-size: 5vw;}
.css-47-m-5 .tit-2{font-size: 3.2vw;padding: 3vw 0;}
}

.css-47-m-6{overflow: hidden;}
.css-47-m-6 .tips{left: 5%; opacity: 0.3;}
.css-47-m-6 .info .inner{ width: 90%; margin: 0 auto;}
.css-47-m-6 .info ul{border-top: 1px dashed #3e3e3e; padding-top: 5%;}
.css-47-m-6 .info li{text-align: center;float: left; width: 20%; text-align: center; margin-bottom: 3%;}
@media(min-width:1025px){
.css-47-m-6 > img{float: right; width: 55.019%;}
 .css-47-m-6 .info .inner{max-width: 550px;}
}
@media(max-width:640px){
.css-47-m-6 .info li{width: 25%;}
}   
@media(max-width:480px){
.css-47-m-6 .info li{width: 50%;}
}  

.css-47-m-7{background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
.css-47-m-7 .info .inner{ width: 90%;margin: 0 auto;}
.css-47-m-7 .tit-1{font-size: 49px; line-height: 1.469;}
.css-47-m-7 .tit-2{font-size: 25px;padding: 1.7em 0;}
@media(min-width:1025px){
.css-47-m-7 .img{width: 48.871%; padding-bottom: 4%; position: absolute; top: 0; left: 0; height: 100%;}
.css-47-m-7 .img img{position: absolute; top: 0; left: 0; max-height: 92%; max-width: 100%; width: auto; height: auto;}
.css-47-m-7 .info{padding-right: 2.835%;padding-left: 48.871%;}
.css-47-m-7 .info .inner{ padding: 10% 0 10% 10%;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-47-m-7 .info{padding-top: 4vw; padding-bottom: 4vw;}
.css-47-m-7 .info .inner{padding: 0;}
}
@media(min-width:1025px) and (max-width:1280px){
 .css-47-m-7 .info{padding-right: 0;}
}
@media(max-width:1024px){
.css-47-m-7 .ytable,
.css-47-m-7 .ytable-cell{display: block;}
.css-47-m-7 .info{padding: 5% 0;}
.css-47-m-7 .tit-1{font-size: 5vw;}
.css-47-m-7 .tit-2{font-size: 3vw;padding: 3vw 0;}
}
@media(min-width:641px) and (max-width:1024px){
.css-47-m-7 .p-txt-1{font-size: 2vw;}
}
@media(max-width:640px){
.css-47-m-7 .tit-2{font-size: 3.5vw;}
}

.css-47-m-8{background-repeat: repeat-x; background-position: top center; background-color: #171717;padding: 5% 0;}
.css-47-m-8 .tips{left: 5%;}
.css-47-m-8 .info .inner{ width: 90%;margin: 0 auto;}
.css-47-m-8 .info .p-txt-1{padding-bottom: 12.084%;}
.css-47-m-8 .info ul{border-top: 1px dashed #3e3e3e; padding-top: 6.042%;}
.css-47-m-8 .info li{text-align: center;float: left;margin:2% 0!important; width: 20%;}
.css-47-m-8 .info li aside{font-size: 12px;}
.css-47-m-8 .tit-1{font-size: 49px;max-width: 478px;}
.css-47-m-8 .tit-2{font-size: 25px;padding: 1.7em 0;}
@media(min-width:1025px){
.css-47-m-8 .img{width: 48.871%;padding: 3%;}
.css-47-m-8 .info{padding-left: 4.835%; width: 50%;}
.css-47-m-8 .info .inner{max-width: 625px;}
.css-47-m-8 .info ul{max-width: 662px;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-47-m-8 .img{width: 50%;}
.css-47-m-8 .img{position: relative;}
.css-47-m-8 .img img{ height: auto; width: 100%; }
.css-47-m-8 .info{padding-top: 4vw; padding-bottom: 4vw;}
}
@media(min-width:1025px) and (max-width:1280px){
 .css-47-m-8 .info{padding-left: 0;}
}
@media(max-width:1024px){
.css-47-m-8 .ytable,
.css-47-m-8 .ytable-cell{display: block;}
.css-47-m-8 .info{padding: 5% 0;}
.css-47-m-8 .tit-1{font-size: 5vw;}
.css-47-m-8 .tit-2{font-size: 3vw;padding: 3vw 0;}
}
@media(min-width:641px) and (max-width:1024px){
.css-47-m-8 .p-txt-1{font-size: 2vw;}
}
@media(max-width:640px){
.css-47-m-8 .info li{margin: 0 0 3vw 0!important; width: 33.3333%;}
.css-47-m-8 .tit-2{font-size: 3.5vw;}
}
@media(max-width:480px){
.css-47-m-8 .info li{width: 50%;}
}
 
/*品牌故事2*/
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}
.grayscale.grayscale-fade{transition:filter .5s;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s;}
}
.grayscale.grayscale-fade:hover,
.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}
.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}
.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0}
.flipInY .grayscale.grayscale-replaced>svg {opacity:1;}
.grayscale.grayscale-replaced.grayscale-fade:hover>svg,
.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}

.grayscale1{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(0.8);filter:grayscale(0.8);filter:gray}
.grayscale1.grayscale-fade{transition:filter .5s;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.grayscale1.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s;}
}
.grayscale1.grayscale-fade:hover,
.grayscale1.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}
.grayscale1.grayscale-replaced{-webkit-filter:none;filter:none}
.grayscale1.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0}
.flipInY .grayscale1.grayscale-replaced>svg {opacity:1;}
.grayscale1.grayscale-replaced.grayscale-fade:hover>svg,
.grayscale1.grayscale-replaced.grayscale-off>svg{opacity:0}


.css-48-m-1{background: #000;}
.css-48-m-1 ul.renwuflip  li{float: left;width: 20%;padding: 2px 0 0 2px; opacity: 0.33;position: relative;}
.css-48-m-1 ul.renwuflip li img{display: block; transition: 0.5s;}
/*.css-48-m-1 ul.renwuflip li img:not(.grayscale){position: absolute; left: 2px; top: 2px; right:0;bottom:0; opacity: 0; transform: rotateY(180deg);}*/
.css-48-m-1 ul.renwuflip li:hover img.grayscale1{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg); }
/*.css-48-m-1 ul.renwuflip li:hover img:not(.grayscale){ transform: rotateY(0); opacity: 1;}*/

 @media(min-width:1025px){
 .css-48-m-1 .txt{padding: 0;}
 .css-48-m-1 .info{width: 46.873%;}
.css-48-m-1 .info .inner{max-width: 572px; margin: 0 auto;}
.css-48-m-1 > img{width: 53.127%;}
.css-48-m-1 .tit-2{font-size:25px; padding: 5% 0;}
}
@media(max-width:1024px){
.css-48-m-1 .ytable,
.css-48-m-1 .ytable-cell{display: block;}
    .css-48-m-1 .inner{padding: 5% 3%;}
}
    
.css-48-m-2 .tit-4{padding-bottom: 3.5%;}   
.css-48-m-2 .p-txt-1{padding: 1.5% 0;}
@media(max-width:480px){
 .css-48-m-2 > img{width: 200%; margin-left: -50%;}
}

.css-48-m-3{margin: 0;}
.css-48-m-3 .txt{position: relative; height: auto;padding: 4.52% 0;}
.css-48-m-3 .img ul{position: relative; padding: 4% 5% 4% 0; max-width: 847px; width: 90%;}
.css-48-m-3 .img ul ol{position: absolute; right: 0; top: 0; width: 14.168%; z-index: 10;}
.css-48-m-3 .img li{float: left; width: 50%;padding-right: 10px;}
@media(min-width:1025px){
.css-48-m-3 .info{width: 48.03%;}
}
@media(max-width:1024px){
 .css-48-m-3 .img ul{margin: 0 auto;}
}

.css-48-m-4{background: #0d0d0d; padding: 6.411% 0;}
.css-48-m-4 .main{max-width: 1533px; margin: 0 auto; width: 95%;}
.css-48-m-4 ol{text-align: center; }
.css-48-m-4 ol .f-en-b{padding-bottom: 5%;}
.css-48-m-4 li{float: left; padding: 0 7px; width: 33.33333%;}
.css-48-m-4 li aside{line-height: 4.058em; text-align: center;background: #202020;}
.css-48-m-4 li aside span{margin-right: 10px;}
@media(min-width:1025px){
.css-48-m-4 ol{position: absolute; left: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);width: 100%;  z-index: 10;}
}
@media(max-width:1024px){
.css-48-m-4 li aside{line-height: 2.058em; padding: 1em 0;}
 .css-48-m-4 li aside span{display: block;}
.css-48-m-4 ol{padding-bottom: 5%;}
}
@media(max-width:640px){
.css-48-m-4 ol .fz60{font-size: 5vw;}
.css-48-m-4 li{padding: 0 3px;}
}

.css-48-m-5{background: #000; padding: 6.99% 0 10% 0; position: relative; overflow: hidden;}
.css-48-m-5 .txt{text-align: left; position: relative;}
.css-48-m-5 .txt .tit-2{padding: 2% 0;}
.css-48-m-5 .box-3{background: #141414; vertical-align: bottom;}
.css-48-m-5 .img{padding-top: 5.5%; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;}
/* .css-48-m-5 .img img{max-height: 100%; width: auto;} */
@media(min-width:1025px){
.css-48-m-5 .box-1 > *{ width: 90%; max-width: 640px;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-48-m-5 .box-1 .fz49{font-size: 2.3vw;}
.css-48-m-5 .box-1 .fz28{font-size: 1.5vw;}

}
@media(max-width:1024px){
.css-48-m-5 .ytable,
.css-48-m-5 .ytable-cell{display: block; text-align: center;}
}
@media(max-width:640px){
.css-48-m-5 .p-txt-1 br{display: none;}
}

.css-48-m-6 .info .fz49{text-transform: uppercase;}
.css-48-m-6 .info .fz28{padding: 5% 0;}
@media(min-width:1025px){
.css-48-m-6 .txt{text-align: left;}
.css-48-m-6 .info{width: 42.565%;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-48-m-6 .info{width: 60%;}
}
@media(min-width:1281px){
 .css-48-m-6 .info .fz60{font-size: 3.15vw;}
}
@media(min-width:1025px) and (max-width:1280px){
.css-48-m-6 .info .fz60{font-size:4vw;}
.css-48-m-6 > img{width: 150%; margin-left: -25%;max-width: inherit;}
}
@media(max-width:1024px){
.css-48-m-6 > img{position: absolute; left: 0; top: 0; width: auto;height: 100%;max-width: inherit;}
.css-48-m-6 .txt{position: relative; height: auto; z-index: 10; padding: 8vw 5%;}
.css-48-m-6 .ytable,
.css-48-m-6 .ytable-cell{display: block;}
}
@media(max-width:640px){
.css-48-m-6 .p-txt-1 br{display: none;}
}

/*品牌故事3*/
.css-49-m-1 .tit-4{padding-bottom: 1%;}
@media(min-width:1025px){
/* .css-49-m-1{margin-top: 80px;} */
.css-49-m-7{margin-top: 0;}
}
.css-49-m-1 .fz28{padding: 2% 0;}
.css-49-m-1 .p-txt-1{padding: 0; max-width: 740px; margin: 0 auto;}
.css-49-m-7 .fz28{padding-bottom: 0;}
@media(max-width:1024px){
.css-49-m-1 > img{width: 150%; margin-left: -25%;max-width: inherit;}
}

.css-49-m-2{background: #080808;}
.css-49-m-2 .txt{/* height: 70%; */text-align: left;}
/*.css-49-m-2 .txt .yable{max-width: 1520px; width: 90%; margin: 0 auto;}*/
.css-49-m-2 .txt .fz28{padding: 3% 0 1% 0;}
@media(max-width:640px){
    .css-49-m-2 .txt{position: relative;height: auto;padding-bottom: 6vw;padding-top: 6vw;}
    .css-49-m-2 .ytable,
     .css-49-m-2 .ytable-cell{display: block;}
 .css-49-m-2 > img{float: right; width: 150%; max-width: none;}
}

.css-49-m-3{background: #171717; text-align: center;}
.css-49-m-3 .fz49{padding: 6.832% 0;}
.css-49-m-3 li{float: left; width: 33.33333%;}
.css-49-m-3 li .fz22:after{display: block; content: ''; margin: 20px auto 30px; width: 30px; height: 3px; background: #fff;}
@media(max-width:640px){
.css-49-m-3 li .fz22:after{ margin: 5px auto 10px;width: 20px; height: 2px; }
}

.css-49-m-4{background: #111; padding: 4.414% 0 4% 0;text-align: center;}
.css-49-m-4 .p-txt-1{margin: 0 auto; width: 90%}
.css-49-m-4 > .p-txt-1{ max-width: 710px; }
.css-49-m-4 > .fz28{padding: 2% 0 0.5% 0;}
.css-49-m-4 ul:before{display: block; content: ''; width: 100%; height: 2px; margin: 3.5% 0 4.5% 0;
background: -moz-linear-gradient(left,  rgba(230,112,57,0) 0%, rgba(230,112,57,0) 20%, rgba(230,112,57,0.5) 35%, rgba(230,112,57,1) 50%, rgba(230,112,57,0.5) 65%, rgba(230,112,57,0) 80%, rgba(230,112,57,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(230,112,57,0) 0%,rgba(230,112,57,0) 20%,rgba(230,112,57,0.5) 35%,rgba(230,112,57,1) 50%,rgba(230,112,57,0.5) 65%,rgba(230,112,57,0) 80%,rgba(230,112,57,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(230,112,57,0) 0%,rgba(230,112,57,0) 20%,rgba(230,112,57,0.5) 35%,rgba(230,112,57,1) 50%,rgba(230,112,57,0.5) 65%,rgba(230,112,57,0) 80%,rgba(230,112,57,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e67039', endColorstr='#00e67039',GradientType=1 ); /* IE6-9 */
}
.css-49-m-4 ul{max-width: 1742px;margin: 0 auto; width: 90%;}
.css-49-m-4 li{position: relative;}
.css-49-m-4 li:not(:last-child):after{ content: '';background: #753e24;}
@media(min-width:1025px){
.css-49-m-4 li{float: left; width: 33.3333%;}
.css-49-m-4 li:not(:last-child):after{position: absolute; width: 1px; height: 50%; right:0; top: 25%;}
.css-49-m-4 li .p-txt-1{ max-width: 350px;}
}
@media(max-width:1024px){
 .css-49-m-4 li:not(:last-child):after{ display: block; width: 50%; height: 1px; margin: 20px auto;}
}

.css-49-m-5 .txt{text-align: left;}
.css-49-m-5 .img img{position: absolute; right: 0; z-index: 3;top: 0; }
.css-49-m-5 .fz25{padding: 6% 0 4% 0;}
.css-49-m-5 .p-txt-1{padding-left: 40px; padding-bottom: 5%; max-width: 745px;position: relative;}
.css-49-m-5 .p-txt-1:after{position: absolute; left: 0; top: 1.1765em;width: 20px; height: 2px; background: #7e7e7e; content: '';}
.css-49-m-5 .fz20:before{display: block; content: ''; height: 2px;border-bottom: 1px dashed #535353; opacity: 0.4; margin-bottom: 8%;}
.css-49-m-5 .fz20{max-width: 605px;}
@media(min-width:1025px){
.css-49-m-5 .img img{height: 100%; width: auto; max-width: inherit; }
}
@media(min-width:1025px)and (max-width:1440px){
 .css-49-m-5 > img{max-width: inherit; width: 130%; margin-left: -15%;}
}
@media(max-width:1024px){
 .css-49-m-5 .txt{position: relative;background: #000; padding-top: 6vw;padding-bottom: 6vw;}
 .css-49-m-5 .ytable,
.css-49-m-5 .ytable-cell{display: block;}
 .css-49-m-5 > img{max-width: inherit; width: 150%; margin-left: -25%;}
.css-49-m-5 .img img{max-width: inherit; width: 150%;}
}

.css-49-m-6{background: #090909;}
.css-49-m-6 .inner{background: rgba(0,0,0,0.7);   margin: 0 auto; border-bottom: 5px solid #753c1f; text-align: left; }
.css-49-m-6 .fz49{text-transform: uppercase;}
.css-49-m-6 .fz28{padding:2% 0  5%;}
.css-49-m-6 dl{border-bottom: 1px dashed #402112; padding: 2% 0;max-width: 610px;}
.css-49-m-6 dl:not(:last-child){border-top: 1px dashed #402112;}
.css-49-m-6 dd{float: left; width: 50%; padding: 8px 2% 8px 0;}
.css-49-m-6 dd:nth-child(2n+1){clear: left;}
@media(min-width:1025px){
.css-49-m-6 > img{width: 70.836%;}
.css-49-m-6 .inner{max-width: 773px;width: 95%;padding:4%  5% 7%;}
}
@media(min-width:1025px) and (max-width:1440px){
.css-49-m-6 .fz60{font-size: 40px;}
.css-49-m-6 .fz28{font-size: 24px;}
}
@media(min-width:1025px) and (max-width:1366px){
.css-49-m-6 dd{font-size: 14px; padding: 4px 2% 4px 0;}
}
@media(max-width:1024px){
 .css-49-m-6 .txt{position: relative; padding-top: 6vw;padding-bottom: 6vw;} 
.css-49-m-6 .ytable,
.css-49-m-6 .ytable-cell{display: block;}
}

/* 社会责任 */
.social-tit {text-align: center;}
.social-tit .tit-1{color: #000; padding-bottom: 1%;}
.css-89-m-1{position: relative; background: #fff;}
.css-89-m-1 .box2{position: absolute; bottom: 0; left: 0; background: rgba(255,255,255,.6); width: 42.39%;height: 80%; z-index: 5;}
.css-89-m-1 .img{ width: 47.6%; height: 90%; position: absolute; bottom: 0; left: 0; z-index:6;}
.css-89-m-1 .img img{position: absolute; bottom: 0; left: 0; max-width: 100%; max-height: 100%;}
.css-89-m-1 .box1{ width: 61.145%; margin: 0 0 0 auto; padding: 4% 0 8% 0;}
.css-89-m-1 .box1 .inner{background: #838282; padding: 10% 10% 10% 10%; color: #fff;}
.css-89-m-1 .box1 .tit-2{margin: 5% 0;}
.css-89-m-1 .box1 .p-txt-1{max-width: 800px;position: relative; padding-left: 25px; padding-bottom: 3%; border-bottom: 1px dashed #bfbebe;}
.css-89-m-1 .box1 .p-txt-1::before{content: ""; position: absolute; left: 0; top: 10px; width: 18px; height: 3px; background: #fff;}
@media (max-width:1024px) {
	.css-89-m-1{background: #838282;}
	.css-89-m-1 .box1{padding: 0; width: 100%;}
	.css-89-m-1 .box1 .inner{padding: 3% 5%;}
	.css-89-m-1 .box2{display: none;}
	.css-89-m-1 .img{position: relative; text-align: center; margin: 0 auto;}
	.css-89-m-1 .img img{position: relative;}
}

.css-89-m-2{position: relative; background: #e8e8e8; padding-bottom: 5%;}
.css-89-m-2 .auto{width: 90%; margin: 0 auto;}
.css-89-m-2 .box1{padding: 5%;}
.css-89-m-2 .box1 .tit-2{margin: 3% 0 3%;}
.css-89-m-2 .img{position: absolute; width: 36.83%; height: 100%; right: 0; top: 0; z-index: 1;}
.css-89-m-2 .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.css-89-m-2 .box1{ color: #333;}
.css-89-m-2 .box2{background: #838282; position: relative; z-index: 3;}
.css-89-m-2 .box2 .inner{position: relative; z-index: 3; padding: 5%;}
.css-89-m-2 .box2 li{float: left; width: 33.3334%;}
.css-89-m-2 .box2 .li-inner{max-width: 330px; margin: 1% auto;}
.css-89-m-2 .box2 li .h3{font-size: 22px; font-weight: normal; margin: 0 0 1%;}
.css-89-m-2 .box2 li .h3 span{font-size: 50px;}
.css-89-m-2 .box2 li p{font-size: 15px;}
@media (min-width:1025px) {
	.css-89-m-2 .box1{width: 64%;}
	.css-89-m-2 .box2 li:nth-child(3n){ color: #000;}
	.css-89-m-2 .box2 li p{height: 80px;}
	.css-89-m-2 .box2::before{content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 35.333%; background: rgba(232,232,232,.9);}
}
@media (max-width:1024px) {
	.css-89-m-2 .img{display: none;}
	.css-89-m-2 .box2 li{width: 50%; padding: 2%;}
	.css-89-m-2 .box2 li p{height: 80px;}
	.css-89-m-2 .box2 li .h3 span {  font-size: 5vw;}
}
@media (max-width:640px) {
	.css-89-m-2 .box2 li{width: 100%;}
	.css-89-m-2 .box2 li .h3{font-size: 3.5vw;}
	.css-89-m-2 .box2 li .h3 span{font-size: 5.5vw;}
	.css-89-m-2 .box2 li p{font-size: 3vw; height: auto;}
	
}

.css-89-m-3{padding: 3% 5%;}
.css-89-m-3 ul{margin: 0; padding: 3% 0 0;}
.css-89-m-3 li{/* float: left; width: 25%; padding: 2%;*/ text-align: center;}
.css-89-m-3 .li-inner{position: relative; padding: 2% 3%;}
.css-89-m-3 .li-inner .h3{padding-top: 15px; margin-top: 15px; position: relative; margin-bottom: 0;}
.css-89-m-3 .li-inner .h3::before{content: ""; position: absolute; left: 0; width: 100%; top: 0; height: 2px; background: #e67039;}
.css-89-m-3 .li-inner .Ispic{padding-bottom: 51.32%; display: block;}
.css-89-m-3 li:nth-child(even) .li-inner .h3::before{background: #838282;}
.css-89-m-3 .slick-dots{display: block; text-align: center; width: 100%; padding-top: 3%;}
.css-89-m-3 .slick-dots li{display: inline-block; margin: 0 5px; padding: 0;}
.css-89-m-3 .slick-dots li span{width: 8px; height: 8px; border-radius: 100%; background: #838282; display: block;}
.css-89-m-3 .slick-dots li.slick-active span{background: #e67039;}
@media (max-width:1024px) {
	/* .css-89-m-3 li{width: 50%;} */
}

.css-89-m-4{position: relative;}
.css-89-m-4 .tit-5{margin: 2% 0;}
.css-89-m-4 .p-txt-1{max-width: 760px; margin: 0 auto;}
.css-89-m-4 ul{margin: 0 -2%; padding: 2%;}
.css-89-m-4 li{float: left; width: 33.3334%; position: relative;padding-top: 2%;}
.css-89-m-4 li+li{}
.css-89-m-4 li+li::before{ content: ""; position: absolute; left: 0; top: 15%; height: 70%; width: 2px; background: #e67039;}
.css-89-m-4 .li-inner{max-width: 330px; margin: 1% auto;}
.css-89-m-4 li .h3{font-size: 22px; font-weight: normal; margin: 0 0 1%;}
.css-89-m-4 li .h3 span{font-size: 50px;}
.css-89-m-4 li p{font-size: 15px; line-height: 2; min-height: 135px;}
@media (max-width:1024px) {
	.css-89-m-4 li .h3 span {  font-size: 5vw;}
}
@media (max-width:640px) {
	.css-89-m-4 {padding: 2% 0;}
	.css-89-m-4 > img{width: 390%;}
	.css-89-m-4 .li-inner{max-width: none;}
	.css-89-m-4 li .h3{font-size: 3.5vw;}
	.css-89-m-4 li .h3 span{font-size: 5.5vw;}
	.css-89-m-4 li p{font-size: 3vw; height: auto; min-height: 1px;}
	.css-89-m-4 li{width: 100%;}
	.css-89-m-4 li+li::before{top: 0; height: 2px; width: 70%; left: 15%;}
}

.css-89-m-5{padding: 6% 5%;}
.css-89-m-5 .auto{ max-width: 1098px; margin: 0 auto;}
.css-89-m-5 ul{margin: 0 -2%;}
.css-89-m-5 li{float: left; width: 50%;padding: 2%;}
.css-89-m-5 .li-inner{position: relative;}
.css-89-m-5 .li-inner .Ispic{padding-bottom: 51.32%; display: block;}



/*---------------- 2020-8-18-------------------- */
.imgsrollx .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.imgsrollx .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.imgsrollx .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background: #e25f26;}
.imgsrollx .mCSB_scrollTools.mCSB_scrollTools_horizontal{width: 80%; left: 10%;}
/* 品牌活动 */
.ba-banner .owl-carousel .owl-item .mb{display: none;}
.ba-banner .owl-dots{position: absolute; bottom: 3%; text-align: center; width: 100%;}
.ba-banner .owl-dots .owl-dot{display: inline-block; margin: 0 10px;}
.ba-banner .owl-dots .owl-dot span{display: block; width: 10px; height: 10px; border-radius: 100%; background-color: #bec0c5;}
.ba-banner .owl-dots .owl-dot.active span{background: #e25f26;}

.ba-sec{padding: 3% 0 0 0;}
.ba-sec1{padding: 0;  width: 100%}
@media(min-width:769px){
.ba-sec1{display:table;}
.ba-sec1 .box{display:table-cell; vertical-align:middle;}
}
.css-65-1{ background: #202020; width: 50%;}
.ba-sec1 .box {padding:2% 0;}
.css-65-1 .box-inner{}
.css-65-1 .con{max-width: 612px;}
.css-65-1 .con .h2{font-size: 56px; color: #fff; margin: 0;font-weight: normal;}
.css-65-1 .con .h3{font-size: 30px; color: #fff; margin: 0;font-weight: normal;}
.css-65-1 .con figure{font-size: 16px; color: #999; padding: 8% 0; line-height: 1.85;}
.css-65-1 .con .ul li{display: inline-block; max-width: 28%;}
.css-65-1 .con .ul li+li{margin-left: 2%;}
.css-65-1 .con .ul .li-inner{ position: relative; min-width: 120px; padding-bottom: 15%;text-align: center;}
.css-65-1 .con .ul .li-inner::after{content: ""; position: absolute; bottom: 0; left: 0; width: 120px; height: 120px; background: #2b2b2b; border-radius: 100%;}
.css-65-1 .con .ul .li-inner a{position: relative; z-index: 2;}
.css-65-1 .con .ul .li-inner img{width: 55%; max-width: 68px;}
.ba-sec1 .box2{width: 50%; background: #191919;}
.ba-sec1 .box2.box3 {width: 100%; background: #191919;}
.ba-sec1 .box2 .ytable{width:70%;margin:0 auto;max-width:640px;}
.ba-sec1 .box3 .ytable {width: 98%; max-width: 98%; margin: 0 auto}
.ba-sec1 .box2 .ytable .Ispic,
.ba-sec1 .box3 .ytable .Ispic{padding-bottom:71.875%;}
.ba-sec1 .box2 .other-bot,
.ba-sec1 .box3 .other-bot{position: relative;}
.ba-sec1 .box2 .other-bot .h3,
.ba-sec1 .box3 .other-bot .h3{color: #fff; font-size: 24px; margin-bottom: 0; font-weight: normal;}
.ba-sec1 .box3 .owl-item{padding: 10px}
.ba-sec1 .box .owlother{position: absolute; right: 0; top: 7px; padding: 0 50px; font-size: 16px; color: #fff;}
.ba-sec1 .box .owlother .nav button{position: absolute; top: 0; background: none; border: none; font-size: 32px; color: #fff; margin-top: -11px;}
.ba-sec1 .box .owlother .nav button.owl-prev{left: 0; width: 30px;}
.ba-sec1 .box .owlother .nav button.owl-next{right: 0; width: 30px;}
.ba-sec1 .box .owlother .dots{display: inline-block;}
.ba-sec1 .box .owlother .dots .owl-dot{display: none;}
.ba-sec1 .box .owlother .dots .owl-dot.active{display: block;}
.ba-sec1 .box .owlother>i{display: inline-block; font-style: normal; padding: 0 15px;}
.ba-sec1 .box .owlother>span{ display: inline-block;}
@media(max-width:768px){
.ba-sec1 .box2,
.ba-sec1 .box3{padding:5% 0;}
.ba-sec1 .box2 .ytable,
.ba-sec1 .box3 .ytable{height:auto;}
.ba-sec1 .box2 .owlother,
.ba-sec1 .box3 .owlother{top:0;}
}

.ba-sec2{background: #151515; padding-bottom:3%;}
.ba-tit .h2{font-weight: normal; margin: 0; font-size: 48px; color: #fff; padding-bottom: 5%;}
.ba-videobox{width: 87.5%;position: relative;margin: 0 auto; }
/*.ba-sec2 .bigvideo{width: 65%;}*/
.ba-sec2 .bigvideo li video{height: 500px;width: 100%;}
/*.ba-sec2 .smallvideo{position: absolute; right: 0; top: 0; width: 30%; height: 100%;}*/
.ba-sec2 .smallvideo{margin-top: 15px;}
.ba-sec2 .smallvideo li{position: relative;}
.ba-sec2 .smallvideo li::before{content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #212121; -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out; }
.ba-sec2 .smallvideo li .inner{position: relative; z-index: 3; margin: 9px;}
.ba-sec2 .smallvideo li .pic{overflow: hidden;}
.ba-sec2 .smallvideo li .Ispic{ padding-bottom: 44.2%; display: block; }
.ba-sec2 .smallvideo li .word{ padding: 5%; position: relative; }
.ba-sec2 .smallvideo li .word .h3{margin: 0; font-weight: normal; color: #fff; font-size: 16px;}
.ba-sec2 .smallvideo li .word time{display: block; color: #606060; font-size: 14px; position: absolute; bottom: 10%; left: 10%;}
.ba-sec2 .smallvideo li.slick-current::before{border: 2px solid #e25f26;}
.ba-sec2 .smallvideo .slick-arrow{ background: #212121; color: #fff; border: none; font-size: 40px; font-weight: normal; font-family: "宋体" ; width: 50%; float: left; height: 80px; line-height: 80px; text-align: center; cursor: pointer;}
.ba-sec2 .smallvideo .slick-next{background: #e25f26;}
@media(max-width:1024px){
.ba-sec2 .smallvideo li .word{height:13vw;}
.ba-sec2 .smallvideo li .word .h3{font-size:3vw;}
}

.ba-sec3 .ba-tit .h2{ padding-bottom: 2%;}

.ba-sec4_list .imgsbox{ float: left; width:48%;}
.ba-sec4_list .imgsbox .inner{ position: relative;}
.ba-sec4_list .imgsbox .href{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
.ba-sec4_list .imgsbox .pic{overflow: hidden;}
.ba-sec4_list .imgsbox .Ispic{display: block; padding-bottom:67%;}
.ba-sec4_list .imgsbox .word{position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.8); padding: 3% 40% 3% 3%;}
.ba-sec4_list .imgsbox .word span{font-size: 18px; color: #fff;}
.ba-sec4_list .imgsbox .slick-dots{position: absolute; bottom: 5%; right: 5%; z-index: 6;}
.ba-sec4_list .imgsbox .slick-dots li{display: inline-block; margin: 0 5px;}
.ba-sec4_list .imgsbox .slick-dots li span{display: block; width: 8px; height: 8px; border-radius: 100%; background: #808080;}
.ba-sec4_list .imgsbox .slick-dots li.slick-active span{background: #e25f26;}
.ba-sec4_list .txtbox{float: right; width: 48%; }
.ba-sec4_list .txtbox li .inner{border-bottom: 1px solid #2b2b2b;}
.ba-sec4_list .txtbox li .h3{font-size: 18px; padding:2.8% 0; margin: 0; font-weight: normal;}
.ba-sec4_list .txtbox li .h3 a{ color: #fff;}
.ba-sec4_list .txtbox li figure{color: #999; font-size: 16px; line-height: 1.85; display: none; padding-bottom:3%;}
.ba-sec4_list .txtbox li figure p{margin: 0;}
.ba-sec4_list .txtbox li:nth-child(1) .h3,
.ba-sec4_list .txtbox li:nth-child(2) .h3,
.ba-sec4_list .txtbox li:nth-child(3) .h3{background: url(../images/huo.png) no-repeat left center; padding-left: 25px;}
.ba-sec4_list .txtbox li .h3 a:hover{color: #e25f26;}
.ba-sec4 .hisnewbtn{padding:2% 0 0 0;}
.ba-sec5 .imgsrollx .imgsrollx-inner{width: auto;}
.ba-sec5 .imgsrollx ul{float: left;}
.ba-sec5 .imgsrollx ul.two li .Ispic{height:100%;}
.ba-sec5 .imgsrollx ul.two li img{width:auto; height:100%;}
.ba-sec5 .imgsrollx li{padding: 5px;}
.ba-sec5 .imgsrollx .pic{overflow: hidden;}
.ba-sec5 .imgsrollx .Ispic{ display: block;}

@media (max-width:1366px) {
	.css-65-1 .con .h2{font-size: 48px;}
	.css-65-1 .con .h3{font-size: 28px;}
	.ba-sec1 .box2 .other-bot .h3,
	.ba-sec1 .box3 .other-bot .h3{font-size: 20px;}
	.ba-tit .h2{font-size: 40px;}
}
@media (max-width:1240px) {
	.ba-sec1 .box .box-inner{padding: 8%;}
	.css-65-1  .con .h2{font-size: 36px;}
	.css-65-1  .con .h3{font-size: 22px;}
	.ba-tit .h2{font-size: 32px;}
	.css-65-1 .box-inner{width: 100%; padding: 5%;}
	.ba-videobox{margin: 0 auto;}
}
@media (max-width:1024px) {
	.ba-banner .owl-carousel .owl-item .pc{display: none;}
	.ba-banner .owl-carousel .owl-item .mb{display: block;}
	.css-65-1  .con .h2{font-size: 6vw;}
	.css-65-1  .con .h3{font-size: 4.5vw;}
	.css-65-1  .con figure{font-size: 14px;}
	.ba-sec1 .box2 .other-bot .h3,
	.ba-sec1 .box3 .other-bot .h3{ text-align: center;font-size: 5vw;}
	.ba-sec1 .box2 .owlother,
	.ba-sec1 .box3 .owlother{position: relative; text-align: center; margin-top: 15px;}
	.ba-tit .h2{font-size: 6vw;}
	.ba-sec4_list .txtbox li .h3{padding: 2% 0;}
	.ba-sec4_list .txtbox li figure{padding-bottom: 2%;}
	.ba-sec4_list .txtbox li .h3,
	.ba-sec4_list .imgsbox .word span{font-size: 16px;}
	.ba-sec4_list .txtbox li figure{font-size: 14px;}
	.ba-sec5{padding-bottom: 50px;}
}
@media (max-width:768px) {
	.css-65-1{width: 100%; float: none !important;}
	.ba-sec1 .box2,
	.ba-sec1 .box3{float: none; width: 100%;}
	.ba-sec2 .bigvideo{width: 100%;}
	.ba-sec2 .bigvideo li video{height: 60vw;}
	.ba-sec2 .smallvideo{position: relative; width: 100%; padding: 0 50px;}
	.ba-sec2 .smallvideo .slick-arrow{position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px;}
	.ba-sec2 .smallvideo .slick-prev{left: 0;}
	.ba-sec2 .smallvideo .slick-next{right: 0;}
	.ba-sec2 .smallvideo li .pic{float: none; width: 100%;}
	.ba-sec2 .smallvideo li .word{float: none; width: 100%; height: auto;}

	.ba-sec2 .smallvideo li .word time{position: relative;}
	
	.ba-sec4_list .imgsbox,.ba-sec4_list .txtbox{ float: none; width:100%;}
	.ba-sec4_list .txtbox li .h3,
	.ba-sec4_list .imgsbox .word span{font-size: 4vw;}
    
}
@media (max-width:640px) {
	.css-65-1 .box-inner{width: 100%; padding: 8%;}
	.ba-sec1 .box2 .box-inner,
	.ba-sec1 .box3 .box-inner{padding: 8%;}
	.css-65-1  .con .ul .li-inner{ min-width: 68px;}
	.css-65-1  .con .ul .li-inner::after{display: none;}
	.css-65-1  .con .ul .li-inner img{width: 90%;}
	
}
/* 品牌活动 end */


.honor-tit{text-align: center; margin-bottom: 3%;}
.honor-tit h2{font-size: 60px; font-weight: normal; margin: 0; color: #fff;}
.honor-tit p{font-size: 24px; margin: 0; color: #666; text-transform: uppercase;}
.honorsec1 {background-color: #252525;}
.honorsec1 .auto-inner{position: relative;}
.honorsec1 .word{position: absolute; top: 8%; left: 0; width: 100%; text-align: center;}
.honorsec1 .num-ul{ padding: 0 0 5%;}
.honorsec1 .num-ul li{display: inline-block; margin: 0 5%;}
.honorsec1 .num-ul li .num{ color: #e25f26; display: block;font-size: 50px;}
.honorsec1 .num-ul li .num i{font-style:normal;font-family: "DIN"; font-size: 72px; }
.honorsec1 .num-ul li .tit{font-size: 18px; color: #fff; display: block;}
.honorsec2{padding: 5% 0;}
.honorsec2 ul{border-top: 1px solid #2b2b2b;border-left: 1px solid #2b2b2b;}
.honorsec2 li{float: left;  text-align: center; background: #202020; border-bottom: 1px solid #2b2b2b;border-right: 1px solid #2b2b2b; padding: 3%;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.honorsec2 li .pic-area{padding-bottom: 83%;}
.honorsec2 li .tit{color: #fff; font-size: 16px; margin-top: 10px;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.honorsec2 li:hover{background: #181818;}
.honorsec2 li:hover .tit{color: #e25f26;}
.honorsec3 {padding-bottom: 5%;}
.honorsec3 ul{margin: 0 -1%;}
.honorsec3 li{ float: left; padding: 1%;text-align: center; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.honorsec3 li .pic-area{padding-bottom: 122%; background: #282828;}
.honorsec3 li .pic-area img{max-width: 60%;}
.honorsec3 li .tit{color: #fff; font-size: 16px; margin-top: 10px;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.honorsec3 li:hover .pic-area{ background: #e25f26;}
.honorsec3 li:hover .tit{color: #e25f26;}
@media (min-width:769px) {
.honorsec2 li{width: 25%;}
.honorsec2 li:nth-child(4n+1){clear:left;}
	.honorsec2 li:nth-child(2),
	.honorsec2 li:nth-child(4),
	.honorsec2 li:nth-child(5),
	.honorsec2 li:nth-child(7){background: #242424;}
.honorsec3 li{width: 14.285%;}
.honorsec3 li:nth-child(7n+1){clear:left;}
}
@media (max-width:1366px) {
	.honor-tit h2{font-size: 50px;}
	.honorsec1 .num-ul li .num i{font-size: 62px;}
	.honor-tit p{font-size: 22px;}
}
@media (max-width:1024px) {
	.honor-tit h2{font-size: 32px;}
	.honor-tit p{font-size: 18px;}
	.honorsec1 .num-ul li .num i{font-size: 42px;}
	.honorsec1 .num-ul li .tit{font-size: 16px;}
}
@media (max-width:768px) {
	.honor-tit h2{font-size: 24px;}
	.honor-tit p,
	.honorsec2 li .tit,
	.honorsec3 li .tit{font-size: 14px;}
.honorsec1 .num-ul li .num{font-size: 24px;}
	.honorsec1 .num-ul li .num i{font-size: 30px;}
	.honorsec1 .num-ul li .tit{font-size: 14px;}
	.honorsec2 li{width: 50%;}
.honorsec2 li:nth-child(2n+1){clear:left;}
	.honorsec2 li:nth-child(2),
	.honorsec2 li:nth-child(3),
	.honorsec2 li:nth-child(6),
	.honorsec2 li:nth-child(7){background: #242424;}
	.honorsec3 li{width: 33.3334%;}
.honorsec3 li:nth-child(3n+1){clear:left;}
}
@media (max-width:640px) {
	.honor-tit h2{font-size: 22px;}
	.honorsec1 .bg{padding-top: 15%;}
}
/*企业荣誉 end*/

.newinfo .New_tit {
    margin-bottom: 3%;
    padding-top: 5%;
}
.newinfo .New_tit time{font-size:18px;}
@media (min-width: 1025px){
.newinfo {width: 80%;margin: 0 auto;}
}

/*品牌故事-品牌故事*/
.Story .txt{color:#fff;z-index:10;}
.Story .txt a{color:rgba(255,255,255,0.8);}
.Story .txt_right{text-align:right;}
.Story .txt_center{text-align:center;}
.Story .txt .inner{width:79.167%; margin:auto;}
.Story .txt pre{line-height:2em;font-size:24px; color:rgba(255,255,255,0.8);}
.Story .txt pre span a,
.Story .txt pre span{position:relative;}
.Story .txt pre span a{z-index:3;}
.Story .txt pre span:before{position:absolute;left:0;bottom:0; width:0;transition:0.5s 1s; height:8px;background:#e25f26; content:'';}
.Story .txt .aos-animate pre span:before{width:100%;}
.Story .txt .name{font-family: "HongLei";font-size:180px;opacity:0.05;-webkit-opacity:0.05;margin-bottom:0.4em;}
.Story .txt .name span{display:block;line-height:0.6em;}
.Story .txt_left .name span:nth-child(2){ margin-left:0.7em;}
.Story .txt_left .name.short span{line-height:0.4em;}
.Story .txt_left .name.short span:nth-child(2){ margin-left:0.4em;}
.Story .txt_right .name span:nth-child(1){ margin-right:0.7em;}
.Story .txt_left .name{margin-left:-3%;}
.Story .txt_right .name{margin-right:-3%;}
@media (min-width:1025px){
.Story .txt{position:absolute; left:0; top:0; width:100%; height:100%; }
}
@media (max-width:1024px){
.Story .txt{position:relative; padding:30vw 0;}
.Story .txt .name{opacity:0.2;-webkit-opacity:0.2;}
.Story .section > img{position:absolute; left:50%; top:50%; min-width:100%;height:100%; max-width:none;transform:translate(-50%,-50%);width:auto;}
}
@media (max-width:640px) {
.Story .txt .name{font-size:30vw;}
.Story .txt pre{font-size:4vw;}
}

.Story-ban{margin-top:-80px;}
.Story-ban > img{position:absolute; left:50%; top:50%; min-width:100%;height:100%; max-width:none;transform:translate(-50%,-50%);width:auto;}
.Story-ban .txt{ position:relative; z-index:10;color:#fff;}
.Story-ban .ytable{width:79.167%; margin:auto;}
.Story-ban .txt .title{font-size:72px; padding-bottom:1%;}
.Story-ban .txt .title span{color:#e25f26;}
.Story-ban .txt .subtitle{display:table; border:1px solid rgba(255,255,255,0.5);font-size:24px;line-height:2.5em; border-radius:100px;padding:0 1.333em;}
.Story-ban .txt .intro{line-height:2em;font-size:24px;margin:5% 0 9% 0;color:rgba(255,255,255,0.8);}
.Story-ban .txt dl{display:table;}
.Story-ban .txt dl > *{display:table-cell;vertical-align:middle;}
.Story-ban .txt dt{padding-right:24px;}
.Story-ban .txt dt img{max-width:116px;}
.Story-ban .txt dt{padding-right:24px;width:140px;}
.Story-ban .txt dd:after{display:block;width:100%;transition:0.5s 1s; height:8px;background:#e25f26; content:'';}
.Story-ban .txt dd pre{font-size:16px;line-height:1.5em;margin-bottom:1em;}
@media (min-width:1025px){
.Story-ban .txt{padding-top:80px;height:960px;}
}
@media (max-width:1024px){
.Story-ban .txt{padding:30vw 0;}
}
@media (max-width:640px) {
.Story-ban .txt .title{font-size:9vw;}
.Story-ban .txt .subtitle,
.Story-ban .txt .intro{font-size:3.5vw;}
.Story-ban .txt dd pre{font-size:3vw;}
.Story-ban .txt dd:after{height:4px;}
}

/*新品牌故事 客户提供设计*/
.css-87-same .tit-1{padding-bottom:2vw;line-height:1.5em;}
.css-87-same .tit-2{text-transform:uppercase;padding-bottom:2vw;}
.css-87-same .tit-3{line-height:2.353em;}
.css-87-same .txt-right{text-align:right;}
.css-87-same .txt-center{text-align:center;}
.css-87-same .txt{padding-left:0;padding-right:0;}
.css-87-same .txt .ytable{max-width:1348px;width:87.6%;margin:0 auto;}
.css-87-same .line1{position: absolute; bottom: 0; left: 0;width: 100%; padding-top: 0.83%; background: rgb(226, 95, 38);}

.css-87-same .play-video a{ border: solid 1px #fb6722; line-height: 36px; border-radius: 100px; display: inline-block; cursor: pointer; color: #fb6722; font-weight: bold; padding:0 40px 0px 16px; background: url("../images/sp.png") no-repeat 86%}
.brand-video{ display: none}
.css-87-3 .txt .ytable,
.css-87-2 .txt .ytable{max-width:1492px;}
.css-87-2 .tit-1{padding-bottom:0.8vw;}
@media (max-width:640px) {
.css-87-6 > img,
.css-87-3 > img,
.css-87-2 > img{float:none;}
}

@media (min-width:1025px){
/*.css-87-3 .ytable{height:70%;}*/
}
@media (min-width:641px){
.css-87-3 .inner{display:inline-block; text-align:left;}
}

.css-87-6 .txt .ytable{max-width:1640px;}
.css-87-6 .txt .inner{  }
@media (min-width:641px)and (max-width:1024px){
.css-87-6 > img{width:132%;max-width:none;}
}
@media (min-width:641px){
.css-87-6 .txt .inner{float:right;width:85%;max-width:863px;background:rgba(0,0,0,0.7);padding:3.645vw 0 3.645vw 3.645vw;border-bottom:2px solid #e67039;}
}

.css-87-5 .txt{position:relative;background:#171717; }
.css-87-5 .txt .ytable{max-width:1388px;}
.css-87-5 .txt .info .inner{max-width:520px; border-bottom:1px dashed #2d2d2d; text-align:left;padding-bottom:3.223vw;}
.css-87-5 .txt .img img{margin:0 auto;width:83.988%;}
@media (min-width:641px){
.css-87-5 .txt{padding:3.645vw 0;}
.css-87-5 .txt .img{width:47.695%;}
}
@media (max-width:640px) {
.css-87-5 .ytable,
.css-87-5 .ytable-cell{display:block;}
.css-87-5 .txt{padding:6vw 0;}
.css-87-5 .txt .info{padding-bottom:6vw;}
}



#cphotolist2 .slider{margin:2% -15px;}
.cphotolist li .Ispic{padding-bottom: 63.043478%; display: block;position:relative;}
.cphotolist li .Ispic a{z-index:10;position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
.cphotolist li div.dot2{font-size: 16px;color: #fff; padding: 5% 0 2%;}
@media(min-width:769px){
.cphotolist ul li.slick-slide > *{margin:0 15px;}
.cphotolist ul.slick-slide li{float:left;margin-top:2%;margin-bottom:2%;}
}
@media (min-width:1025px){
.cphotolist ul.slick-slide li{width: 22%;}
.cphotolist ul.slick-slide li:not(:nth-child(4n)){margin-right:4%;}
.cphotolist ul.slick-slide li:nth-child(4n+1){clear:left;}
}
@media(min-width:769px) and (max-width:1024px){
.cphotolist ul.slick-slide li{width:48%;}
.cphotolist ul.slick-slide li:not(:nth-child(2n)){margin-right:4%;}
.cphotolist ul.slick-slide li:nth-child(2n+1){clear:left;}
}
@media(max-width:768px){
.cphotolist li div.dot2{font-size:4vw;}
}

.cphotolist .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); border: 1px solid rgba(255, 255, 255,0.2);background: none;padding: 0;cursor: pointer; z-index: 10;font-size: 0; width: 80px; height: 80px; border-radius: 50%;}
.cphotolist .slick-prev{left: -115px;}
.cphotolist .slick-next{right: -115px;}
.cphotolist .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%; border: 2px solid #fff; border-top: 0; border-right: 0; transform: rotate(45deg); left: 40%; top: 40%;}
.cphotolist .slick-next:before{transform: rotate(-135deg);}
.cphotolist .slick-disabled{cursor: default;}
@media(max-width:1800px){
.cphotolist .slick-prev{left: 0;}
.cphotolist .slick-next{right:0;}
.cphotolist .slider{padding: 0 70px;}
.cphotolist .slick-arrow{width: 60px;height: 60px;}
}
@media(max-width:640px){
.cphotolist .slider{padding: 0 50px;}
#cphotolist2 .slider{ margin-left:0;margin-right:0;}
.cphotolist .slick-arrow{width: 40px;height: 40px;}
}


.histroy-first .txt{position: absolute; left: 0; top:0; width: 100%; text-align: center; height: 100%; padding: 0 5%; z-index: 10;color:#fff;}
.histroy-first .txt .tit-1{font-size:48px;}
.histroy-first .txt .tit-2{font-size:28px; padding-top:2%;}
.histroy-first .txt .tit-3{font-size:17px;}
@media(max-width:1024px){
.histroy-first .tit-1{font-size: 4.5vw;}
.histroy-first .tit-2{font-size: 2.5vw;}
.histroy-first > img{width: 150%; margin-left: -25%;max-width: inherit;}
}
@media(max-width:640px){
.histroy-first .tit-1{font-size: 5.6vw;}
.histroy-first .tit-2{font-size: 4vw;}
.histroy-first .tit-3{font-size: 3vw;}
}

/*产品详情模式版式*/
.position-way{position:relative; overflow:hidden; z-index:1;}
.position-way.black .tit-3,
.position-way.black .tit-1{color:#313131;}
.position-way.black .tit-2{color:#000;}
@media(min-width:1025px){
.position-way.white{color:#fff;}
}

.position-way .tit-1{font-size:60px;line-height:1.1em;}
.position-way .tit-2{font-size:36px;line-height:1.2em; margin-top:0.666em;}
.position-way .tit-3{font-size:18px; margin-top:1.333em;}
@media(min-width:1201px){
.position-way .img-area img{display:none;}
.position-way .img-area .bg{height:960px;background-position:center center;background-repeat:no-repeat;}
}@media(max-width:1200px){
.position-way  .img-area img{display:block; max-width:none;}
}

@media(max-width:1024px){
.position-way .tit-1{font-size:7vw;}
.position-way .tit-2{font-size:5vw;margin-top:2vw;}
.position-way .tit-3{font-size:3vw;margin-top:2vw;}	
}

/*上文底图*/
@media(min-width:1201px){
.uptxtbgpic .info-area{top:47px;}
.uptxtbgpic .info-area.top_True{ top:110px;}
}
.uptxtbgpic .info-area{text-align:center;position:absolute; left:0; width:100%; z-index:10;top:47px;}
@media(max-width:1200px){
.uptxtbgpic .img-area{overflow:hidden;}
.uptxtbgpic .img-area img{width:160%; margin-left:-30%;}
}
@media(max-width:1024px){
.uptxtbgpic .info-area{top:4vw;}
.uptxtbgpic .img-area img{width:170%; margin-left:-35%;}
.uptxtbgpic.white{color:#fff;}
}

/*上文下图*/
.uptxtdownpic{text-align:center;}
.uptxtdownpic .info-area{padding:47px 0;}
@media(max-width:1024px){
.uptxtdownpic .info-area{padding:4vw 0;}
}
@media(max-width:640x){
.uptxtdownpic .info-area{padding:9vw 0;}
}

/*左图右文*/
.righttxtleftpic{}
.righttxtleftpic .small-img{ padding-top:50px;}
@media(min-width:1201px){
.righttxtleftpic .img-area img{display:none;}
.righttxtleftpic .bg{height:960px;background-position:center center;background-repeat:no-repeat;}
.righttxtleftpic .info-area{position:absolute; left:0; width:100%; z-index:10;height:100%; top:0;}
.righttxtleftpic  .info-area.top_True{height:80%; top:20%;}
.righttxtleftpic .inner{display:table; width:87%;max-width:1200px;margin:0 auto; height:100%; text-align:right;}
.righttxtleftpic .inner-cell{display:table-cell; vertical-align:middle;padding-left:50%;}
}
@media(max-width:1200px){
.righttxtleftpic .info-area{padding:5vw 0; text-align:center;}
.righttxtleftpic .img-area img{width:160%;}
}
@media(max-width:1024px){
.righttxtleftpic .info-area{padding:4vw 0;}
.righttxtleftpic .small-img{ padding-top:4vw;}
.righttxtleftpic .small-img img{max-width:40%;}
}
@media(max-width:640px){
.righttxtleftpic .info-area{padding:9vw 0;}
}


/*左文右图*/
.lefttxtrightpic{}
.lefttxtrightpic .small-img{ padding-top:50px;}
@media(min-width:1201px){
.lefttxtrightpic .img-area img{display:none;}
.lefttxtrightpic .bg{height:960px;background-position:center center;background-repeat:no-repeat;}
.lefttxtrightpic .info-area{position:absolute; left:0; width:100%; z-index:10;height:100%; top:0;}
.lefttxtrightpic  .info-area.top_True{height:80%; top:20%;}
.lefttxtrightpic .inner{display:table; width:87%;max-width:1200px;margin:0 auto; height:100%; }
.lefttxtrightpic .inner-cell{display:table-cell; vertical-align:middle;padding-right:50%;}
}
@media(max-width:1200px){
.lefttxtrightpic .info-area{padding:5vw 0; text-align:center;}
.lefttxtrightpic .img-area img{width:172%;float:right;}
}
@media(max-width:1024px){
.lefttxtrightpic .info-area{padding:4vw 0;}
.lefttxtrightpic .small-img{ padding-top:4vw;}
.lefttxtrightpic .small-img img{max-width:40%;}
}
@media(max-width:640px){
.lefttxtrightpic .info-area{padding:9vw 0;}
}

/*小版块组合*/
.way-small-list{text-align:center;}
.way-small-list .small{display:inline-block;width:250px; width:13.021%;/*width:250px;margin:22px;*/margin:22px 1.156%; border-radius:10px; padding-bottom:150px;background:#313131;}
.way-small-list .small .bg{height:auto;}
.way-small-list .small .img-area img{display:block; width:100%;}
.way-small-list .small .info-area{position:absolute; bottom:20px;left:0; width:100%;}
.way-small-list .small .tit-1{display:none;}
.way-small-list .small .tit-2{margin-top:0;font-family: 'PuHuiTi-R';}
.way-small-list .small .tit-3{margin-top:5px;}
@media(min-width:1201px){
.way-small-list{padding:88px 0;}
}
@media(max-width:1024px){
.way-small-list{overflow:hidden; max-width:768px; margin:0 auto;padding:4vw 0;}
.way-small-list .small{float:left; width:44%; margin:3%; padding-bottom:21vw;}
.way-small-list .small.white{color:#fff;}
.way-small-list .small .info-area{bottom:2vw;}
}

/*文居中底图*/
.centertxtbgpic .info-area{ text-align:center;}
@media(min-width:1025px){
.centertxtbgpic .info-area{position:absolute; left:0; width:100%; z-index:10;height:100%; top:0;}
.centertxtbgpic .inner{display:table; width:87%;max-width:1200px;margin:0 auto; height:100%; }
.centertxtbgpic .inner-cell{display:table-cell; vertical-align:middle;}
}
@media(max-width:1024px){
.centertxtbgpic .info-area{padding:4vw 6.25%; }
.centertxtbgpic .img-area img{width:200%;margin-left:-50%;}
}
@media(max-width:640px){
.centertxtbgpic .info-area{padding:9vw  6.25%;}
}

/*左右两块*/
.leftright-row > div{float:left;}
.leftright-row:not(.nf) > div{width:49.375%;}
.leftright-row:not(.nf) > div:nth-child(2){float:right;}
.leftright-row.nf > div{width:50%;}
.leftright-row img{width:100%!important;display:block!important;}
.leftright-row .info-area{text-align:center;}
.leftright-row .img-area .bg{display:none;}
@media(min-width:1025px){
.leftright-row .info-area{position:absolute; left:0; width:100%; z-index:10;top:9%;}
.leftright-row  .leftright .info-area{top:14%;}
}
@media(min-width:1025px) and (max-width:1200px){
.leftright-row .tit-1{font-size:40px;}
}
@media(max-width:1024px){
.leftright-row .info-area{padding:4vw 2% 3vw; }
.leftright-row .tit-1{font-size:5vw;}
.leftright-row .tit-3{min-height:2.4em;line-height:1.2em;}
}
@media(max-width:640px){
.leftright-row .info-area{padding:5vw 2%;}
}

.Sitemap{ padding: 5% 0; color: #fff; min-height: 76vh;}
.Sitemap .title{ font-size: 30px; margin-bottom: 3%; margin-top: -10px; line-height: 46px;font-family: 'PuHuiTi-M';}
.Sitemap li{ padding: 1.5% 0; border-bottom: 1px dashed #2d2d2d;}
.Sitemap li .ytable-cell{ vertical-align: top;}
.Sitemap li .tit{ font-size: 18px; width: 20%; text-transform: uppercase;}
.Sitemap li .tit a{color:#fff;}
.Sitemap li .sub{ width: 78%; font-size: 0;}
.Sitemap li .sub a{ min-width: 20%; display: inline-block; font-size: 14px; line-height: 24px; color: #aaaaaa; margin: 3px 0; vertical-align: top; padding-right: 5px;}
.Sitemap li a:hover{color:#e25f26;}
@media(max-width:640px){
    .Sitemap .title{ font-size: 24px;}
    .Sitemap .title .tit b{ font-size: 30px;}
    .Sitemap li .tit{ font-size: 16px;}
    .Sitemap li .ytable-cell{ display: block; width: 100%; padding-bottom: 2%;}
    .Sitemap li .sub a{ padding-right: 10px; }
}


.new-brand{padding-top: 3.64%;}
.new-brand .newlist .word{background: #181818;}
.new-brand .newlist .tit a{color:#fff;}
.new-brand .newlist time{color: rgba(255, 255, 255, 0.2);}
.new-brand .newlist li figure{color: rgba(255, 255, 255, 0.6);}
.new-brand  .hisnewbtn a{width: 180px; height: 50px; border-radius: 25px; border: 1px solid rgb(226, 95, 38); background: transparent; color: rgb(226, 95, 38);}
.new-brand  .hisnewbtn a:hover{background: rgb(226, 95, 38);}
@media (max-width:768px){
.new-brand  .hisnewbtn a{height:40px;}
}

.box_absolute{ position: absolute; width: 100%; height: 100%}
.mp h1,.mp h2,.mp h3,.mp h4,.mp h5,.mp p{padding: 0; margin: 0; font-weight: normal}
.Newsroom{ background: url("../images/pindaobg.jpg") repeat;}
.Newsroom_column{  color: #fff;}
.Newsroom_column a{ color: #fff}
.Newsroom_column a:hover{ color: #e25f26}
.Newsroom_column .column{ text-transform: uppercase;padding: 4.4% 0;}
.Newsroom_column h2.column{ font-size: 40px; text-align: center}
.Newsroom_column .main{position: relative;}
.Newsroom_column .info{ max-width: 480px; position: relative}
.Newsroom_column .info h4.column{ font-size: 16px; color: #e25f26}
.Newsroom_column .info h4.column a{color: #e25f26}
.Newsroom_column .info h3.title{ font-size: 30px;}
.Newsroom_column .info .txt{font-size: 16px; line-height: 30px; padding-top: 6%; padding-bottom: 10%}
.Newsroom_column .info .more{ display: inline-block; width: 180px; height:50px; border-radius: 25px; border: 1px solid #e25f26; color: #e25f26; font-size: 16px; text-align: center; line-height: 50px; transition: 0.4s}
.Newsroom_column .info .more:hover{background: #e25f26; color: #fff;}

.Newsroom_column:nth-child(odd) .info{ float: left}
.Newsroom_column:nth-child(even) .info{ float: right}

@media(max-width:1200px){
.Newsroom_column h2.column{ font-size: 32px;}
.Newsroom_column .info h3.title{ font-size: 20px;}
}
@media(max-width:960px){
.Newsroom_column h2.column{ font-size:22px;}
.Newsroom_column .info h4.column{ padding-top: 0}
.Newsroom_column .info h3.title{ font-size: 18px;}
.Newsroom_column .info{max-width:inherit}
.Newsroom_column .info .txt{font-size: 14px; padding-top:1%; padding-bottom: 3%;; line-height: 22px;}
.Newsroom_column .info .more{width: 110px; height: 35px; line-height: 35px; font-size: 14px;}
}
@media(max-width:640px){
/* .Newsroom_column .photo{ width: 150%;} */
.Newsroom_column h2.column{ font-size:20px;}
}


.honor-sec ul .slick-arrow{width: 70px; height: 70px; background-color: #2b2b2b; background-image: url(../images/slick-arrow.png) ; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; bottom: 0 ; margin: auto; z-index: 5; cursor: pointer; font-size: 0; border: 0; transition: .4s;}
.honor-sec ul .slick-arrow:hover{background-color: #e25f26;}
.honor-sec ul .slick-prev{left: -9.2%; transform: rotate(180deg);}
.honor-sec ul .slick-next{right: -9.2%;}
@media(max-width:1800px){
	.honor-sec ul .slick-prev{left: -75px; }
	.honor-sec ul .slick-next{right: -75px;}
}
@media(max-width:1024px){
	.honor-sec ul .slick-arrow{width: 50px; height: 50px;}
	.honor-sec ul .slick-prev{left: -6.25%; }
	.honor-sec ul .slick-next{right: -6.25%;}
}

.page-ban-more{position: absolute; left: 50%; transform: translateX(-50%); bottom: 12.5%; z-index: 2; width: 180px; height: 50px; text-align: center; line-height: 50px; color: #fff; border-radius: 25px; background-color: #e25f26;}
.page-ban-more:hover{color: #fff;}
@media(max-width:768px){
	.page-ban-more{width: 120px; height: 35px; line-height: 35px; font-size: 14px;}
}

.Service_ban{ position: relative;}
.Service_ban .txt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color: #fff; text-align: center;}
.Service_ban .txt h2{ font-size:3.15vw;font-family: 'PuHuiTi-M'; font-weight: normal;}
.Service_ban .video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;object-fit: cover;}
.ServiceMain .ServiceBox:nth-child(odd){ background: #fff}
.ServiceMain .ServiceBox:nth-child(even){ background: #f8f8f8}
.ServiceIndex{ max-width: 1440px; width: 87.5%; margin: auto}
.Service_item{ padding: 3.5% 0;}
.Service_about{ padding-top: 10%;}
.Service_tit{ font-family: 'PuHuiTi-M'; text-align: center; font-size: 36px; font-weight: normal; margin: 0 0 3%; color: #151515; border-bottom: 1px solid #eeeeee; padding-bottom: 3%;}
.Service_about .txt{ text-align: center; font-size: 24px; color: #151515; margin-bottom: 4%;}
.Service_about .txt span{ display: inline-block; margin: 0 1.5%; font-family: 'PuHuiTi-R';}
.Service_about .txt span b{ font-family: "PuHuiTi-B";}
.Service_about .code{ text-align: center; color: #151515; font-size: 30px;}
.Service_iconList ul{ padding-top: 2.5%;}
.Service_iconList li{ width: 29%; margin-right: 6.5%; margin-bottom: 5%; float: left; text-align: center;}
.Service_iconList li:nth-child(3n){ margin-right: 0;}
.Service_iconList li:nth-child(3n+1){ clear: both;}
.Service_iconList li .tit{ margin: 8% 0 4%; font-family:'PuHuiTi-M'; font-size: 24px; color: #eb6112;}
.Service_iconList li p{ font-family:'PuHuiTi-R'; font-size: 16px; color: #656565;}
.Service_iconList li img{ transition: 0.5s}
.Service_iconList li:hover img{ transform: rotate(360deg)}
.Guarantee li .tit{margin: 12% 0 6%;}
.FAQList li{ padding-left: 7%; position: relative; float: left; width: 45%; margin-right: 10%; margin-bottom: 6%;}
.FAQList li:nth-child(2n){ margin-right: 0;}
.FAQList li .icon{font-family:'Gotham-Medium'; font-size: 4.7vw; line-height:3.6vw; color: #eb6112; font-style: normal; position: absolute; left: 0; top: 0;}
.FAQList .tit{ margin: 0 0 5%;  font-family:'PuHuiTi-M'; font-size: 24px; color: #eb6112; font-weight: normal;}
.FAQList .tit span{ border-bottom: 2px solid #e5e5e5; padding: 2% 0; display: inline-block;}
.FAQList article{ font-size: 20px; color: #878787; font-family: 'PuHuiTi-R'; line-height: 30px; }
.SizeReminder .tit{ font-size: 24px; color: #151515; font-family: 'PuHuiTi-R'; padding: 2% 0 1%;}
.SizeReminder dl{ display: table; font-size: 20px; color: #080808; margin-bottom: 10px;}
.SizeReminder dt,
.SizeReminder dd{ display: table-cell;}
.SizeReminder dt{ padding-left: 25px; position: relative;}
.SizeReminder dt::before{ content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; background-color: #eb6112; border-radius: 100%;}
@media(max-width:1024px){
	.Service_tit{ font-size: 30px;}
	.Service_about .txt,
	.Service_iconList li .tit,
	.FAQList .tit,
	.SizeReminder .tit{ font-size: 20px;}
	.Service_about .code{ font-size: 22px;}
	.FAQList article,
	.SizeReminder dl{ font-size: 18px;}
}

@media(max-width:768px){
	.Service_tit{ font-size: 28px;}
	.Service_about .txt,
	.Service_iconList li .tit,
	.FAQList .tit,
	.SizeReminder .tit{ font-size: 18px;}
	.Service_about .code{ font-size: 20px;}
	.FAQList article,
	.SizeReminder dl{ font-size: 16px;}
}
@media(max-width:640px){
	.Service_tit{ font-size: 22px;}
	.Service_about .txt,
	.Service_iconList li .tit,
	.FAQList .tit,
	.SizeReminder .tit{ font-size: 16px;}
	.Service_about .code{ font-size: 18px;}
	.FAQList article,
	.SizeReminder dl{ font-size: 14px;}
	.Service_iconList li,
	.FAQList li{ width: 100%; float: none; margin-right: 0; margin-bottom: 10%;}
	.Guarantee li .tit{ margin: 8% 0 3%;}
	.FAQList li .icon{ top: 10px;}
}

.brandStory-video-link{background: #202020; padding: 2% 0}
.brandStory-video-link li{ padding: 3% 0}
.brandStory-video-link figure{ width: 46.1%; position: relative; background: #000}
.brandStory-video-link figure img{ width: 100%; opacity: 0.5}
.brandStory-video-link .txt{ width: 53.9%; padding-right: 5%;}
.brandStory-video-link .txt i{ font-style: normal; color: #ea6011; font-size: 14px;}
.brandStory-video-link .txt h3{ font-size: 36px; /* font-family: 'Gotham-Blod'; */font-weight: 600; margin: 6% 0; color: #fff; max-width: 615px;}
.brandStory-video-link .txt pre{ font-size: 16px; line-height: 30px; color: #fff; max-width: 685px;}
.brandStory-video-link .open-video,
.brandStory-video-link .open-VR{ background: rgba(0,0,0,0.4);}
.brandStory-video-link .open-video:before,
.brandStory-video-link .open-VR:before{ content: ''; position: absolute; left: 50%; top: 50%; background:  no-repeat center; background-size: contain; width: 14%; padding-top: 14%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.brandStory-video-link .open-video:before{background-image:url("../images/videoplay_icon.png") }
.brandStory-video-link .open-VR:before{background-image:url("../images/lj_icon.png") }
.brandStory-video-link li:hover  figure img{ opacity: 1}
@media(max-width:1200px){
.brandStory-video-link .txt h3{ font-size: 28px;}
}
@media(max-width:1000px){
.brandStory-video-link .txt h3{ font-size: 24px;}
}
@media(max-width:768px){
.brandStory-video-link .txt h3{ font-size: 22px;}
.brandStory-video-link .txt pre{ font-size: 14px; line-height: 26px;}
}
@media(max-width:640px){
.brandStory-video-link figure,
.brandStory-video-link .txt{ display: block; width: 100%; margin-bottom: 3%;}
.brandStory-video-link .txt h3{ font-size: 20px;}
}

.brandStory-books{padding: 6.25% 0; background: #171717}
.brandStory-books .swiper-container{margin-left: -17px; margin-right: -17px;}
.brandStory-books .list .item{width: 20%;}
.brandStory-books .list,
.brandStory-books .list .item{height: auto !important;}
.brandStory-books .list .item a{display: block;padding: 0 17px; color: #fff}
.brandStory-books .list .item .pic{ background: #000}
.brandStory-books .list .item .Ispic{padding-top: 138.46%; opacity: 0.5;-webkit-filter:grayscale(1); transition: 0.5s}
.brandStory-books .list .item .txt{text-align: center;line-height: 2; padding: 3.1% 0;}
.brandStory-books .list .item:hover .Ispic{ opacity: 1;-webkit-filter:none;}

.brandStory-books  .swiper-scrollbar{width: 100%; height: 6px; background-color: rgba(255, 255, 255, 0.102)  !important; margin-top: 4.1667%;}

.brandStory-books  .swiper-scrollbar .swiper-scrollbar-drag{background-color: rgb(228, 104, 51) ;}
@media(max-width:1025px){
.brandStory-books .list .item{width: 25%;}
}
@media(max-width:768px){
.brandStory-books .list .item{width:33.333%;}
}



.job_list .item{ position: relative; color: #fff;}
.job_list figure img{ width: 100%; display: block;}
.job_list .txt{ position: absolute; left: 50%; top: 50%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%); width: 96%; max-width: 1520px; }
    .job_list .item .txt{ position: relative; transform: none; padding: 6% 0; left: 0; top: 0; margin: 0 auto;}
    .job_list .item figure{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .job_list figure img{ display: none;}

@media(min-width:1025px){
.job_list .txt > div > *{opacity:0; transform:translate(0,100px); transition:1.2s;}
.job_list .txt > div.aos-animate > *{opacity:1; transform:translate(0,0);}

.job_list .item:nth-child(2n) .txt{ text-align: right;}
.job_list .item:nth-child(2n) .txt p{ margin-left: auto;}

}

.job_list .txt h2{ font-size: 60px; margin: 0; /* font-family: 'Gotham-Blod'; */font-weight: 600;}
.job_list .txt p{ font-size: 16px; line-height: 30px; max-width: 540px; margin: 2.6% 0 3.4%;transition-delay:0.5s;}
.job_list .txt ul{transition-delay:1s;}
.job_list .txt li{ display: inline-block; margin-right: 1%; position: relative; vertical-align: top;}
.job_list .txt li a{ display: block; width: 100%; transition: all 0.5s;}
.job_list .txt li a:hover{ margin-top: -10px;}
@media(min-width:1025px) and (max-width:1600px){
.job_list .txt{width:80%;}
}
@media(min-width:1025px) and (max-width:1200px){
    .job_list .item .txt h2{ font-size: 30px;}
}
@media(max-width:1024px){
.job_list .txt{width:87.5%;}
.job_list .item .txt h2{ text-align:center;}
.job_list .item:nth-child(2n-1) figure{background-position:right center;}
.job_list .item:nth-child(2n) figure{background-position:left center;}
}

@media(max-width:1000px){
    .job_list .item .txt h2{ font-size: 40px;}
}
@media(max-width:768px){
    .job_list .item .txt h2{ font-size: 34px;}
}
@media(max-width:640px){
    .job_list .item .txt h2{ font-size: 20px;}
    .job_list .txt p{ font-size: 14px; line-height: 26px;}
    .job_list .txt li{ margin-bottom: 1%; width: 30px;}
}




.jobin-box1{ background:url(../images/jobin_bg.jpg) no-repeat center; background-size:cover; padding:5% 0;}
.jobtit{margin: 0 0 2%; /* text-transform: uppercase; */ color: #fff; font-size: 40px; text-align: center;}
.jobtit>span{ display:block;}
.jobin-box1 li{float: left; width: 33.3334%;position: relative; }
.jobin-box1 li .inner{position: relative;height: 100%; padding: 20px 42px; overflow: hidden; transition: all .5s ease;color: #fff;}
.jobin-box1 li:first-child .inner:before { content: ""; position: absolute; top: 24px;  left: 0;  width: 1px; height: calc(100% - 48px); background-color: hsla(0,0%,100%,.2);}
.jobin-box1 li .word .tit { text-align: center; font-size: 18px; font-weight: 400;line-height: 1.39; letter-spacing: .72px; transition: all .5s ease; margin: 0;}
.jobin-box1 li .word .desc{ font-size: 12px;line-height: 1.8;letter-spacing: .56px; transition: all .5s ease; padding-top: 20px; }
.jobin-box1 li .pic{position: relative; width: 55px; height: 55px; margin: 28px auto;  background-position: 50%; background-size: contain; background-repeat: no-repeat; display: block;}
@media screen and (min-width:1025px) {
.jobin-box1 li{ height: 480px;}
.jobin-box1 li .word .desc{color: hsla(0,0%,100%,0);}
.jobin-box1 li .inner:after { content: ""; position: absolute; top: 24px; right: 0;width: 1px; height: calc(100% - 48px); background-color: hsla(0,0%,100%,.2);}
.jobin-box1 li .word .en-tit{padding-top: 85px;}
.jobin-box1 li .inner:hover {background-color:#ff6a00;}
.jobin-box1 li .inner:hover .tit {padding-top:0;font-size:22px;line-height:1.45;letter-spacing:.88px;}
.jobin-box1 li .inner:hover .desc {color:hsla(0,0%,100%,.8)}
}
@media screen and (max-width:1024px) {
.jobtit{font-size: 30px;}
.jobin-box1 li {display:block;width:100%;height:auto}
.jobin-box1 li:not(:last-child) {border-bottom:1px solid hsla(0,0%,100%,.2)}
.jobin-box1 li .inner{padding:0;transition:none}
.jobin-box1 li .inner:before {display: none;}
.jobin-box1 li .word .desc{padding-top: 0;}
.jobin-box1 li .pic{margin-bottom: 10px;}
}
@media screen and (max-width:768px) {
	.jobtit{font-size: 20px;}
}

.jobin-box4{padding-bottom:5%;}
.jobin-box4 .tit{ margin-top: 15px; margin-bottom: 80px; font-size: 40px; font-weight: 400; text-align: center; line-height: 1.25; padding: 0 20px; color: #fff;}
.jobin-box4 li.slick-slide{padding: 15px;}
.jobin-box4 li .inner{position: relative; padding-bottom: 60px; top:0; transition: top .5s ease-in-out;}
.jobin-box4 li .Ispic{display: block; padding-bottom: 135%;position:relative;}
.jobin-box4 li .hover.Ispic{position:absolute;left:0; top:0; width:100%; height:100%;padding:0; }
.jobin-box4 li .word{position: absolute;  bottom: 0;  left: 0;  width: 100%;   padding: 10px 0;  background-color: #f5f5f5; overflow: hidden; transition: all .5s ease-in-out;}
.jobin-box4 li .item-info{position: relative;width: 100%;  height: 40px; line-height: 24px; padding: 8px 0;
 font-size: 14px; margin: 0;}
.jobin-box4 li .item-info:before{    content: ""; position: absolute; top: 8px; left: 0;  height: 24px;
    width: 2px; background-color: #e25f26;}
.jobin-box4 li .item-info .item-name{padding: 0 20px; color: #333;}
.jobin-box4 li .item-info .item-position{color: rgba(0,0,0,.4);}
.jobin-box4 li .item-more { width: 100%;text-align: center; margin-bottom: 10px;}
.jobin-box4 li .item-more .item-desc { padding: 0 24px 0 36px;  font-size: 16px; color: #e25f26; line-height: 1.83;  font-weight: 700; margin-bottom: 18px;  text-align: left;}
@media (min-width:1025px) {
.jobin-box4 li .item-more { height: 0; opacity: 0;min-height: 0;}
.jobin-box4 li:hover .inner {top: -10px;}
.jobin-box4 li .word{ height: 60px;}
.jobin-box4 li:hover .word {height: auto}
.jobin-box4 li:hover .word .item-more {opacity: 1;min-height: 120px;height: auto;}
.jobin-box4 li .hover.Ispic{opacity:0; transition:0.3s;}
.jobin-box4 li:hover .hover.Ispic{ opacity:1;}
}
@media screen and (max-width:1024px) {
.jobin-box4 .tit{font-size: 30px;margin-bottom:40px;}
}
@media screen and (max-width:768px) {
.jobin-box4 .tit{font-size: 20px;}
}


.jobin-box4 .slick-dots{ padding:0 0 20px 0; text-align: center;position:relative;bottom:auto;}
.jobin-box4 .slick-dots li{display: inline-block; margin: 0 10px; }
.jobin-box4 .slick-dots li button{ border-radius: 100%; width: 12px; height: 12px;position: relative; display: block;border:0;background:none;padding:0;font-size:0;}
.jobin-box4 .slick-dots li button::before{content: ""; position: absolute; top: 50%; left: 50%; overflow: hidden; background: #fff; width: 6px; height: 6px; border-radius: 100%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.jobin-box4 .slick-dots li.slick-active button::before{ background: #ea6011;  width: 100%; height: 100%;}
@media(max-width:640px){
.jobin-box4 .slick-dots li{margin: 0 2px;}
.jobin-box4 .slick-dots li button{width: 10px; height: 10px;}
}

.singlePage .f-en-t{ color: #fff}
.zc_pic{ max-width:900px; margin: auto}
.zc_txt{ max-width:900px; margin: auto; padding: 4%; background: #fff; font-size: 18px; color: #333}

.sus .fz60 {  font-size: 36px;}
.sus .fz30 {  font-size: 18px;}
.sus .title-box{max-width: 920px; margin: 0 auto; text-align: center; }
.sus .title-box h1{}
.sus .title-box h2{margin: 0;color: rgb(51, 51, 51);font-weight: bold;line-height: 1.167; margin-bottom: 4.6875%; }
.sus .title-box h2 .rainbow{color:#fff; background-image:linear-gradient(to right,#1d2ab7,#009ff6,#009ff6,#0dd637,#c7ff64,#fff974, #ffcf48, #ffa623,#ff4f5f,#ff4f5f);  -webkit-background-clip: text;color: transparent; _background:none;}
.sus .des{color: rgb(51, 51, 51);line-height: 1.588; text-align: center; margin-bottom: 0; }
.sus .part{padding-top: 16.667%;}
.sus .part .des p{margin: 0; margin-bottom: 15px;}
.sus .part .des p:last-of-type{margin-bottom: 0;}
.sus{width: 87.5%;max-width: 1200px;margin: 0 auto;}
.sus .part1{text-align: center; padding-top: 12.395%;}
.sus .part1 .des{color: #333;line-height: 1.6; margin-bottom: 10%;}

.sus .part1 .title-box{margin-bottom: 3.333%;}

.sus .part2{background-color: #f4f4f4; border-radius: 17px; }

.sus .part2 .pic{width: 37.75%; text-align: right; padding-right: 2.1667%;}
.sus .part2 .txt{padding: 8.66% 3% 8.66% 0;}
.sus .part2 h2{ font-size: 32px;color: rgb(51, 51, 51);font-weight: bold;line-height: 1.136; margin: 0; margin-bottom: 3.57%;}
.sus .part2 .des p{	color: rgb(51, 51, 51);	line-height: 1.25; margin: 0; margin-bottom: 7px;}
.sus .part2 .des{text-align: left; font-size: 18px;}
.sus .part2 .more{color: #e25f26; display: inline-block; width: 100px; height: 40px; line-height: 40px; border-radius: 26px; border: 1px solid #e25f26;text-align: center; margin-top: 5.71%; transition:all .3s; font-size:14px;}
.sus .part2 .more:after{content: ''; width: 8px; height: 5px; background: url(../images/arrow_down2.png) center center no-repeat; display: inline-block; vertical-align: middle; margin-left:3px;}
.sus .part2 .more:hover{background-color:#e25f26; color:#fff;}
.sus .part2 .more:hover:after{background: url(../images/arrow_down_hover.png) center center no-repeat;}
.sus .part3 .more{text-align: center; margin-top: 5.5%; }
.sus .part3 .more a{color: rgb(255, 122, 64); display: inline-block; margin: 0 auto; line-height: 20px; padding-right: 30px; position: relative; background: url(../images/sus-play.png) 95% center no-repeat;  line-height:40px;border: 1px solid #e25f26;  border-radius: 26px; padding: 0 20px 0 20px; transition:all .3s;}
.sus .part3 .more a:hover{background-color:#e25f26; color:#fff; background:#e25f26 url(../images/sus-play-a.png) 95% center no-repeat;}

.sus .part5 .ytable{background-color: #f4f4f4; border-radius: 20px;}
.sus .part5 .ytable-cell{width: 37.33%; overflow:hidden;}
.sus .part5 .txt{width: 62.67%; padding-left: 6.667%; padding-right: 4.1667%;color: rgb(51, 51, 51);	line-height: 1.167;}
.sus .part5 img{transition:all .3s;}
.sus .part5 img:hover{transform:scale(1.1)}
.sus .part5 .txt h2{margin: 0 ; margin-bottom: 11.25%;}
.sus .part5 .more{color: #e25f26; display: inline-block; width: 100px; height: 40px; line-height: 40px; border-radius: 26px; border: 1px solid #e25f26;text-align: center; margin-top: 5.71%; transition:all .3s; font-size:14px;}
.sus .part5 .more:after{content: ''; width: 8px; height: 5px; background: url(../images/arrow_down2.png) center center no-repeat; display: inline-block; vertical-align: middle; margin-left:3px;}
.sus .part5 .more:hover{background-color:#e25f26; color:#fff;}
.sus .part5 .more:hover:after{background: url(../images/arrow_down_hover.png) center center no-repeat;}
.sus .part6{padding-bottom: 5%;}
.sus .part6 .des{text-align: left; margin-bottom: 11.83%;}

.sus .part6 .img{text-align: center;}

@media(max-width:1024px){
.sus .fz60 {font-size:4.5vw;}
.sus .fz30{font-size: 3.5vw;}
}
@media(max-width:640px){
.sus .fz60 {font-size:5.6vw;}
}
@media(max-width:768px){
	.sus .ytable,.sus .ytable-cell{display: block; width: 100% !important;}
	.sus .part2 .pic{text-align: center;}
	.sus .part2 h2{font-size: 5.5vw;}
	.sus .part2 .des{font-size: 3.2vw;}
	.sus .part2 .more{width: 120px; height: 40px; line-height: 40px; border-radius: 20px;}
	.sus .part3 .des{font-size: 3.5vw;}
	.sus .part1 .title-box img{width: 80%;}
	.sus .part5 .txt{padding: 3%;}
	.sus .part5 img{border-radius: 20px;}
}

.sus .part6 .img{position: relative;  padding-top: 52.5%;}
.sus .part6 .img img{display: none;}
.sus .part6 .img .item{position: absolute; border-radius: 8px; cursor: pointer; transition: all .5s; overflow: hidden;}

.sus .part6 .img .item:nth-of-type(1){ width: 23%; padding-top: 16%; left: 0; top: 0;}
.sus .part6 .img .item:nth-of-type(2){ width: 32.5%; padding-top: 22.5%; left: 14.1667%; top: 11.667%; z-index: 2;}
.sus .part6 .img .item:nth-of-type(3){ width: 29.1667%; padding-top: 20%; left: 48.33%; top: 0;}
.sus .part6 .img .item:nth-of-type(4){ width: 20.667%; padding-top: 14.1667%;left: 79.333%; top: 11.667%;}
.sus .part6 .img .item:nth-of-type(5){ width: 20%; padding-top: 28.75%; left: 0; top: 43.33%;}
.sus .part6 .img .item:nth-of-type(6){ width: 19.75%; padding-top: 14.1667%; left: 21.667%; top: 65%; z-index: 2;}

.sus .part6 .img .item:nth-of-type(7){ width: 12.83%; padding-top: 8.333%; left: 48.33%; top: 43.33%;}


.sus .part6 .img .item:nth-of-type(8){ width: 20%; padding-top: 29.1667%; left: 63.083%;top: 43.33%;}

.sus .part6 .img .item:nth-of-type(9){ width: 22.5%; padding-top: 15.583%; left: 77.5%; top: 54.1667%;}
.sus .part6 .img .item:nth-of-type(10){ width: 32.5%; padding-top: 20%; left: 28.83%; top: 65%;}

.sus .part6 .img .item:hover{z-index: 3;}

.sus .part6 .img .item .txt{position: absolute; width: 100%; height: 100%; position: absolute;left: 0; top: 0; background-color: rgba(0,0,0,0.6); transition: all .5s; opacity: 0;}
.sus .part6 .img .item .txt .ytable{width: 90%; margin: 0 auto;}
.sus .part6 .img .item .txt .ytable>div{overflow: auto; font-size: 16px; line-height: 2em; max-height: 12em; color: #fff;}

.sus .part6 .img .item:nth-of-type(7):hover{width: 20%; padding-top: 13.33%;}
@media(min-width:640px){
.sus .part6 .img .item:hover .txt{opacity: 1; text-align: left;}
}
@media(max-width:1024px){
	.sus .part6 .img .item .txt .ytable>div{font-size: 14px;}
}

@media(max-width:768px){
	.sus .part6 .img .item .txt .ytable>div{font-size: 12px;}
	.sus .part2 .txt{padding: 8.66% 3% 8.66% 3%;}
}
@media(max-width:640px){
	.sus .part6 .img .item{position: relative; left: 0 !important; top: 0 !important; margin: 2% 0; text-align: center; width: 100% !important; padding-top: 0 !important; }
	.sus .part6 .img .item img{display: block; width: 100%;}
	.sus .part6 .img{padding: 0;}
	.sus .part6 .img .item .txt .ytable{display: table; width: 90% !important;}
	.sus .part6 .img .item .txt .ytable-cell{display: table-cell;}
.sus .part6 .img .item.on .txt{opacity: 1; text-align: left;}
}

.event_photo{ padding: 3% 0;}
.event_photo .photo{ position: relative; overflow: hidden}
.event_photo .photo .pic{ display: block; background: no-repeat center center;background-size:cover}
.event_photo .photo img{ display: none}
.event_photo .photo a:not(:nth-child(1)){display: none}
.event_photo .photo h4{ color: #fff; text-align: center; line-height: 50px; position: absolute; width: 100%; bottom: -100px; padding: 0; margin: 0; transition: 0.5s; background: rgba(0,0,0,0.5)}
.event_photo .photo:hover h4{ bottom: 0;}
.event_photo .photo:nth-child(1){ float: left; width: 66.667%;}
.event_photo .photo:nth-child(2){ float: right; width: 32.6389%}
.event_photo .photo:nth-child(3){ float: right; width: 32.6389%; margin-top:0.7%;}
.event_photo .photo:nth-child(1) .pic{padding-bottom: 66.668%;}
.event_photo .photo:nth-child(2) .pic{padding-bottom:67.022%;}
.event_photo .photo:nth-child(3) .pic{padding-bottom:67.022%;}
.event_photo .slick-dots{ padding:2% 0; margin: 0; text-align: center}
.event_photo .slick-dots li{ display: inline-block; list-style: none; width: 10px; height: 10px; margin: 0px 10px; background: #4d4d4d}
.event_photo .slick-dots li button{ display: none}
.event_photo .slick-dots li.slick-active{background: #e25f26}
.back_event{ position: relative;padding-top:1%; padding-bottom: 3%;text-align: center}
.back_event a{ display:inline-block; line-height:45px; border-radius:30px;border:1px solid #e25f26; color:#e25f26; padding:0 20px; transition:.4s;}
.back_event a:hover{background-color: #e25f26; color:#fff;padding: 0 40px;}
.back_event a:after{content: ''; width: 8px; height: 5px; background: url(../images/arrow_down2.png) center center no-repeat; display: inline-block; vertical-align: middle; margin-left:3px;}
.back_event a:hover:after{background: url(../images/arrow_down_hover.png) center center no-repeat;}
@media (max-width:768px){
.back_event a{line-height:38px; top: -40px;}
}
.gover{ color: #aaa}
.gover .fz36{ font-size: 36px}
.gover .fz24{ font-size: 24px}
.gover .fz18{ font-size: 18px}
@media (min-width: 1025px) and (max-width: 1440px){
.gover .fz36 {  font-size: 2.2vw;}
.gover .fz24 {  font-size: 1.6vw;}
}
@media (max-width: 1024px){
.gover .fz36 {  font-size: 4vw;}
.gover .fz24 {  font-size: 3.2vw;}
}
.gover .part{padding-top: 7.3%; padding-bottom:2%;}

.gover .gover-title{color: rgb(255, 255, 255);font-weight: bold;line-height: 1.333;} 
.gover .gover-subtitle{color: rgb(170, 170, 170);font-weight: bold;line-height: 1.5; margin-top: 2.29%; margin-bottom: 2.083%;}
.gover .gover-subtitle2{color: rgb(255, 255, 255);	line-height: 1.5; padding-bottom: 3%}
.gover .gover-subtitle2 a{color: rgb(255, 255, 255);}
.gover .gover-subtitle2 a:hover{ color: #E56600}
.gover .content {max-width: 1020px; margin-top: 1%; margin-bottom: 4%}
.gover .content p{margin: 0;color: rgb(170, 170, 170);line-height: 1.5; margin-bottom: 10px;}

.gover .percent{max-width: 1000px;}
.gover .percent .item{float: left;}
.gover .percent i{
	display: block;
	width: 100%;
	height: 10px;
}
.gover .percent span{
	font-size: 20px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 1.8;
	padding-left: 10px;
}
.gover .percent pre{
	font-size: 14px;
	color: #aaa;
	font-weight: bold;
	line-height: 1.286;
	padding-left: 10px;
}

.gover .list .list-nav{line-height: 55px;color: rgb(80, 80, 80); border-bottom: 1px dashed #373737;}
.gover .list .list-nav .des{float: left;}
.gover .list .list-nav .date{float: right;}
.gover .list .item{line-height: 100px;border-bottom: 1px dashed #373737;}
  
.gover .list .item a{color: rgb(255, 254, 254); width: calc(100% - 100px); float: left; transition: all .3s;}
.gover .list .item .time{float: right; width: 100px; text-align: right; line-height: 100px;color: rgb(255, 254, 254);}
.gover .list .item:hover a{padding-left: 20px;}
.gover .list .more{text-align: center;padding-top: 3.47%;
}
.gover .list .more a{width: 100px; height: 40px; line-height: 40px; letter-spacing: 1px; border-radius: 20px; color: rgb(226, 95, 38); font-size: 14px; display: inline-block; border:1px solid #e25f26; transition:all .3s;}
.gover .list .more a:after{content: ''; width: 8px; height: 5px; background: url(../images/arrow_down2.png) center center no-repeat; display: inline-block; vertical-align: middle; margin-left:3px;}
.gover .list .more a:hover{background-color:#e25f26; color:#fff;}
.gover .list .more a:hover:after{background: url(../images/arrow_down_hover.png) center center no-repeat;}
.gover .links-list {margin-left: -15px; margin-right: -15px;}
.gover .links-list .item{padding: 0 15px;}
.gover .links-list .item a{display: block; position: relative; padding-top: 42.86%; border: 1px solid #676767;}
.gover .links-list .item a img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 80%; max-height: 80%;}
.gover .links-list .slick-dots{padding: 2% 0 0; text-align: center; }
.gover .links-list .slick-dots li{width: 9px; height: 9px; border-radius: 50%; background-color: #fff; margin: 0 5px; cursor: pointer; transition: all .2s; list-style: none; display: inline-block;}
.gover .links-list .slick-dots li button{display: none;}
.gover .links-list .slick-dots li.slick-active{background-color: #ea6011;}


.gover-li{padding-bottom:2%;margin-bottom:2%;border-bottom: solid 1px #454545;}
.gover-li li{padding:1% 0; font-size: 16px;position:relative;}
.gover-li li:before{content: '';background:#d65a12;width:4px;height:4px;display: inline-block; margin-right:8px;  border-radius: 100px;}


@media(max-width:640px){
	.gover .list .item a{line-height: 50px; width: calc(100% - 70px);}
	.gover .list .item .time{line-height: 50px; width: 70px;}
}


.leader-main{position:relative;z-index:99;}
.EquityStructure{padding-top:2%;}
.EquityStructure .h3 span{ border-bottom: solid 1px #454545;  display: inline-block; padding-bottom: 20px; padding-right: 40px;}
.EquityStructure .list{padding:2% 0}
.EquityStructure .leader_item{float: left;width:160px;margin-right: 58px; position: relative;}
.EquityStructure .leader_item .pic{ position:relative;width:137px;height:137px; background: no-repeat center center; margin:0 auto;}
.EquityStructure .leader_item .pic img{display:none}
.EquityStructure .leader_item .pic span{ position:absolute; bottom:0; color:#fff;background:#d65a12; padding:1px 10px}
.EquityStructure .leader_item .txt{padding:20px 0;height:84px;line-height: 22px; text-align:center}
.EquityStructure .leader_item .h5{font-size:13px;color:#b3b2b2;padding:0;margin:0;font-weight:normal}
.EquityStructure .leader_item .h4{ font-size:14px; color:#d65a12;padding:0;margin:0; font-weight:normal}
.EquityStructure .leader_item .click-info{ cursor: pointer}
.EquityStructure .team-info{position: absolute;background: #1b1b1b; width:300%; left: 0; top: 0; transform: scale(0); transform-origin: left; opacity: 0; -webkit-opacity: 0; padding:8%; z-index: 2;transition: 0.3s;color: #fff; }
.EquityStructure .team-info .fl_pic{ float: left; width:40%; position: relative}
.EquityStructure .team-info .fr_info{ float: right; width:50%;}
.EquityStructure .team-info .h2{ font-size:16px; position: absolute; bottom: 10%; left: 0;}
.EquityStructure .team-info .h2 span{ padding: 10px; display: block; background: #d65a12; white-space: nowrap}
.EquityStructure .team-info .h2 b{ padding: 10px; display: block; font-weight: normal; text-align: right}
.EquityStructure .team-info .info{ padding: 10% 0;  font-size: 14px;}
.EquityStructure .team-info .info_list{ position: relative; padding-left: 20%}
.EquityStructure .team-info .info_list:not(:last-child){ padding-bottom:10%; border-left: solid 1px #fff}
.EquityStructure .team-info .info_list .icon{ position: absolute; left: -12%; width:24%; border: solid 1px #fff; padding: 10px; background: #1b1b1b}
.EquityStructure .team-info .info_list .year{ font-size: 18px; padding-bottom: 10px;}
.EquityStructure .team-info .info_list ul li{ position: relative; padding-left: 20px;}
.EquityStructure .team-info .info_list ul li:before{ position: absolute; left: 0; content: '•'}
.EquityStructure .show .team-info{transform: scale(1);opacity: 1;-webkit-opacity: 1;  z-index: 10;}
.EquityStructure .close{position: absolute; width: 23px; height: 23px; right: 3%; top: 5%; cursor: pointer; z-index: 5}
.EquityStructure .close:before,
.EquityStructure .close:after{background: #fff; position: absolute;content: '';height: 2px; width: 100%; top: 50%;margin-top: -1px; left: 0; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.EquityStructure .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

@media(min-width:1260px){
.EquityStructure .leader_item:nth-child(5n+5) .team-info,
.EquityStructure .leader_item:nth-child(5n+4) .team-info{ right: 0; left: auto}
.EquityStructure .team-info{ width: 500%}
.EquityStructure .team-info .h2{ font-size:18px;}
}
@media(min-width:1000px) and (max-width:1260px){
.EquityStructure .leader_item:nth-child(4n+4) .team-info{ right: 0; left: auto}
}
@media(min-width:640px) and (max-width:1000px){
.EquityStructure .leader_item:nth-child(3n+3) .team-info{ right: 0; left: auto}
}
@media(max-width:640px){
.EquityStructure .leader_item{width:50%;margin-right: 0px; }
.EquityStructure .leader_item .pic{margin: auto;}
.EquityStructure .h3 span{padding-right: 0px;}
.EquityStructure .team-info{ width: 200%;}
.EquityStructure .team-info .fl_pic{ float: none; width:50%}
.EquityStructure .team-info .fr_info{ float: none; width: 100%}
.EquityStructure .team-info .h2{ left: 100%}
.EquityStructure .team-info .info{ padding-top: 5%; padding-left: 20px;}
.EquityStructure .team-info .info_list .icon{ left:-20px;}
.EquityStructure .team-info .info_list { padding-left: 26%}
.EquityStructure .leader_item:nth-child(2n+2) .team-info{ right: 0; left: auto}
}

.event_details .auto-inner{max-width: 1200px;}
.event_details{ padding-top: 5%;}
.event_details .ba-tit{ text-align: center}
.event_details .video_box{ position: relative}
.event_details .video_box .pic{ background: #000}
.event_details .video_box .pic img{ opacity: 0.6}
.event_details .video_box a.open-video{ position: absolute; top: 0; left: 0; width: 100%; height:100%;}
.event_details .video_box a.open-video:before{ content: ''; display: block; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; padding:3.2%; width: 20px;  height:20px; border: solid 4px #fff; border-radius: 100px; background: url(../images/play_icon.png) no-repeat center center;}
@media(max-width:960px){
.event_details .video_box a.open-video:before{ border-width: 2px; padding: 5%}
}


.contact .title{color: rgb(255, 255, 255);font-weight: bold;line-height: 1;  text-align: center; margin: 0; padding-top: 5.99%; padding-bottom: 3.91%;}
.contact .intro{font-size: 16px; margin-top: 1%; padding: 0 2%;}
.contact .con{position: relative; background: #000}
.contact #allMap{height: 740px; width: 80%;}
.contact #allMap img{ max-width: none}
.contact .map-box{position: relative; z-index: 3; overflow: hidden;}
.contact .map-box .bg{
	width: 33.85%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #2a2a2a;
	transform: skewX(15deg);
	z-index: 2;
	transform-origin: top right;
	background-image: url(../images/map-dots.png);
	background-position: left top;
	background-repeat: repeat;
}
.contact .auto-inner{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 5;
	height: 0;
}
.contact .contact-box{
	width: 48.125%;
	float: right;
	background-color: #000;
	padding: 2.64% 4.86% calc(2.64% + 60px);
	position: relative;
	min-width: 600px;
	transform: translateY(-50%);
}
.contact .contact-box .slick-nav{line-height: 36px;}
.contact .contact-box .slick-nav{
	font-size: 18px;
	color: rgb(255, 255, 255);
	margin-bottom: 8.2%;
}
.contact .contact-box .slick-nav span{
	margin-right: 18.18%;
	position: relative;
	display: block;
	cursor: pointer;
	padding-right: 15%;
}
.contact .contact-box .slick-nav span::before{
	content: '';
	width: 100%;
	height: 2px;
	background-color: #e25f26;
	width: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: width 0.2s linear;
    -webkit-transition: width 0.2s linear;
}
.contact .contact-box .slick-nav span::after{
	content: '';
	width: 1px;
	height: 15px;
	background-color: #424242;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.contact .contact-box .slick-nav .item:nth-of-type(2n) span::after{
	display: none;
}
.contact .contact-box .slick-nav .slick-current span{
	color: #e25f26;
}
.contact .contact-box .slick-nav .slick-current span::before{
	width: 77.78%;
}

.contact .contact-box .slick-main h2{
	font-size: 36px;
	color: rgb(255, 255, 255);
	margin: 0;
	line-height: 1.333;
	margin-bottom: 3.6%;
	
}
.contact .contact-box .slick-main{
	position: static;
}
.contact .contact-box .slick-main li{
	padding-left: 38px;
	line-height: 20px;
	font-size: 16px;
	color: rgb(170, 170, 170);
	margin-bottom: 3.6%;
	position: relative;
}
.contact .contact-box .slick-main li .icon{
	width: 18px;
	height: 19px;
	position: absolute;
	left: 0;
	top: 0;
}
.contact .contact-box .slick-main li .icon img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
.contact .contact-box .slick-main .slick-arrow{
	width: 60px;
	height: 60px;
	position: absolute;
	border: 0;
	font-size: 0;
	background-color: #232323;
	z-index: 5;
	bottom: 0;
	transition: .2s;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/contact-prev.png);
}
.contact .contact-box .slick-main .slick-arrow:hover{
	background-color: #424242;
}
.contact .contact-box .slick-main .slick-next{
	left: 60px;
	transform: rotateY(180deg);
}
.contact .contact-box .slick-main .slick-prev{
	left: 0;
}

@media(max-width:960px){
	.contact .auto-inner{width: 100%; position: relative; left: 0;top: 0; transform: translate(0); height: auto;}
	.contact .contact-box{width: 100%; min-width: auto;}
	.contact #allMap{height: 600px; width: 100%;}
	.contact .contact-box .slick-nav{font-size: 16px;}
	.contact .contact-box .slick-main h2{font-size: 30px;}
	.contact .map-box .bg{display: none;}
	.contact .contact-box{ float: none;transform:none}
}
@media(max-width:640px){
	.contact .contact-box .slick-nav span{margin-right: 10%;padding-right:0; transform: translate(0);}
	.contact .contact-box .slick-main h2{font-size: 24px;}
	.contact .contact-box .slick-main .slick-arrow{width: 40px;height: 40px;}
	.contact .contact-box .slick-main .slick-next{left: 40px;}
	.contact #allMap{height: 300px;}
}


.top .lan{ line-height:20px; float: right; margin-top:32px; margin-left: 20px; padding-left: 15px; border-left: solid 1px #1e1e1e; font-size: 16px;}
.top .lan dl{ position: relative}
.top .lan a{padding-left: 40px; padding-right: 10px;display: block;}
.top .lan dt a{ cursor: pointer; color: #fff; background: url("../images/top_lan.png") no-repeat 10px;}
.top .lan dd{ line-height: 30px; padding: 10px 0; position: absolute; right: 0; width: 100%; background: #000; border-radius: 0 0 10px 10px; display: none;}
.top .lan dd a{color: #fff;}
.top .lan dd a:hover{color: #e25f26;}
@media(max-width:1024px){
	.top .lan{ position: absolute; right:12%; top: 0}
}
@media(max-width:640px){
	.top .lan{border-left:none; margin-left: 0px;padding-left:0px;}
}
.wz32{font-size: 32px;}
@media(max-width:1024){
	.wz32{font-size: 24px;}
}
@media(max-width:768){
	.wz32{font-size: 20px;}
}



.falali_info{ color: #fff; font-size: 24px; font-family: 'PuHuiTi-M';}
.falali_info .auto{width: 87%; margin: auto; position: relative}
.falali_info .falali{ position: relative}
.falali_info .td_table{ display: table; width: 100%; height: 100%}
.falali_info .td_cell{ display: table-cell; vertical-align: middle}
.falali_info .wz_60{ font-size: 60px; padding: 20px 0}
.falali_info .wz_50{ font-size: 50px; }
.falali_info .wz_45{ font-size: 45px;}
.falali_info .wz_36{font-size: 36px;}
.falali_info .wz_30{font-size: 30px;}
.falali_info .wz_26{font-size: 26px;}
.falali_info .wz_20{font-size: 20px;}
.falali_info .wz_en{font-size: 20px; color: #6d6d6d; padding: 0; margin:0}

.falali_video video{ width: 100%}

.falali_p807 {padding:8% 0; background: #101010}
.falali_p807 .infobox{ text-align: center;}
.falali_p807 .title{ padding:4% 0}
.falali_p807 .title span{ color: #ec1b24}
.falali_p807 .txt{ opacity: 0.8}


.falali_p808{ padding:6% 0; background: #191919}
.falali_p808 .infobox{ text-align: center; padding-bottom: 5%}
.falali_p808 .infobox .wz_en{ color: #fff; font-weight: bold; text-transform: uppercase}
.falali_p808 .txt li{ padding: 1% 0; float: left; width: 50%; border-bottom: solid 1px #323233}
.falali_p808 .txt li span{ display: inline-block; width: 50%; opacity: 0.5}


.falali_p809 .td_cell{ vertical-align: top}
.falali_p809 .infobox{ padding-top: 8%}
.falali_p809 .tips{ float: right; color: #000}


.falali_p810 .infobox{ float: right}
.falali_p810 .txt{ padding-top: 4%}

.falali_p811 .box_absolute{ height:auto; bottom:5%}
.falali_p811 .infobox li{ padding-top:5.7%; padding-bottom: 4%; float: left; width: 50%; text-align: center; background: no-repeat center center; background-size: contain}
.falali_p811 .infobox .wz_60{padding: 0}

.falali_p812 .txt{ padding-top: 3%}


.falali_p813 .infobox{ float: right}
.falali_p813 .txt{ padding-top: 4%}

.falali_p814 .txt{ padding-top: 4%; max-width: 568px}


.falali_p815 .infobox{ padding-top: 7%; padding-bottom:12%; text-align: center}
.falali_p815 .txt{ float: right; padding-top: 10%}
.falali_p815 .info li{ padding: 4% 0}
.falali_p815 .info li b{ font-weight: normal; padding-right: 20px;}

.falali_p816 .infobox{ padding-top: 7%; text-align: center}
.falali_p816 .info{ padding:18% 6% 0 6%; text-align: center}
.falali_p816 .info .txt:nth-child(odd){ float: left}
.falali_p816 .info .txt:nth-child(even){ float: right}

.falali_p817 .txt{ padding-top: 4%}

.falali_p818 .txt{ padding-top: 4%}

.falali_p819 .infobox{ text-align: center; padding-top: 21%; padding-bottom: 5%}
.falali_p819 .icon{ position: relative; padding-bottom: 30%}
.falali_p819 .pic{ position: absolute}
.falali_p819 .s1{ left: 6%;}
.falali_p819 .s2{ right: 6%;}
.falali_p819 .s3{ left: 16%; top: 50%}
.falali_p819 .s4{ right: 16%; top: 50%}
.falali_p819 .txt{ position: absolute; right:0; color: #fbe079}
.falali_p819 .txt .wz_20:last-child{ opacity: 0.6; color: #fff}
.falali_p819 .txt .wz_20 span{letter-spacing: -1px;}

.falali_p820 .logo{ padding: 4% 0}
.falali_p820 .falali_logo{ float: right}
.falali_p820 .infobox{ text-align: center; padding: 4% 0}
.falali_p820 .wz_big{ font-size: 4.5vw; font-family: 'PuHuiTi-M'; line-height: 1.2; padding-bottom: 2%}
.falali_p820 .wz_45{ opacity: 0.8}
.falali_p820 .tips{ color: #ed1d24}

.falali_p821{ text-align: center}
.falali_p821 .falali_logo{padding-top:5%; padding-bottom:3%}
.falali_p821 .infobox{ max-width: 890px; margin: auto}
.falali_p821 .wz_36{ padding-top: 12px;}
.falali_p821 .num{ padding: 8% 0}
.falali_p821 .num span{ color: #808080}
.falali_p821 .num b{ font-size: 12vw}
.falali_p821 .tips{ padding-top:5%; padding-bottom:3%; color: #ed1d24;}
.falali_p821 .good a{ font-size: 18px; padding:10px 40px; line-height: 20px; color: #ea6011; border: solid 1px #ea6011; border-radius: 100px; display: inline-block; transition: 0.3s}
.falali_p821 .good a:hover{ background: #ea6011; color: #fff}

@media (max-width: 1400px){
.falali_info{ font-size: 20px;}
.falali_info .wz_60{ font-size:40px;}
.falali_info .wz_50{ font-size: 36px;}
.falali_info .wz_45{ font-size: 30px;}
.falali_info .wz_36{font-size: 28px;}
.falali_info .wz_30{ font-size: 26px;}
.falali_info .wz_26{ font-size: 20px;}
.falali_info .wz_20{ font-size: 18px;}
.falali_info .wz_en{ font-size: 18px;}
.falali_p820 .wz_big{ font-size: 5.5vw;}
}
@media (max-width: 1200px){
.falali_p815 .infobox{ padding-bottom: 5%}

.falali_p819 .infobox{ padding-top: 12%}
.falali_p819 .icon{ padding-bottom: 48%}

.falali_p821 .num{ padding: 4% 0}
.falali_p821 .num b{font-size: 8vw;}
}
@media (max-width: 1024px){
.falali_info{ font-size:3vw;}
.falali_info .wz_60{ font-size: 7vw;}
.falali_info .wz_50{ font-size: 22px;}
.falali_info .wz_45{ font-size: 20px;}
.falali_info .wz_36{font-size: 18px;}
.falali_info .wz_30{ font-size: 16px;}
.falali_info .wz_26{ font-size: 16px;}
.falali_info .wz_20{ font-size: 3vw;}
.falali_info .wz_en{ font-size: 3vw;}

.falali_p808 .txt li{ float: none; width: 100%}

.falali_p814 .infobox,
.falali_p814 .photo{ width: 100%; display: block}
.falali_p814 .infobox{ padding: 4%}

.falali_p815 .infobox{ padding:3% 0}
.falali_p815 .txt{ float: none; padding: 2% 0}
.falali_p815 .info li{ display: inline-block; width: 48%}
.falali_p815 .info li b{font-size: 3vw;}

.falali_p819 .infobox{ padding: 3% 0}

.falali_p820 .wz_big{ font-size: 7.2vw;}


.falali_p821 {background: #000000}
.falali_p821 .photo{ padding-top:15%;}
.falali_p821 .good a{ font-size: 16px;}

}
@media (max-width:640px){
.falali_info{ background: #0f1012;}
.falali_info .falali:not(.falali_p820) .box_absolute{ position: relative;height: auto;}
.falali_info .infobox{float: none!important;padding:3% 0!important}
.falali_info .txt{padding:5% 0!important;position: relative!important;}

.falali_info .falali.falali_p811 .box_absolute{position:absolute;}

.falali_p811 .wz_60{font-size:4vw}
.falali_p811 .wz_30{font-size:14px}

.falali_p815 .info li b{ font-size:5vw}

.falali_p816 .info{ padding:0 3%}

.falali_p819 .icon{ text-align: center;padding-bottom:0}
.falali_p819 .pic{position: relative; left:auto!important;  right: auto!important;    display: inline-block;width: 48%;}
.falali_p819 .pic img{ width:80%}

.falali_p820 .homa_logo{width:110px}
.falali_p820 .falali_logo{width:50%}

.falali_info .falali.falali_p821 .box_absolute{position:absolute;}
.falali_p821 .falali_logo{ max-width: 50%; margin: auto}
.falali_p821 .photo{ padding-top:40%;}

}



/*wap news*/
.wap-main .open-search { left: 0;margin-left: 30px;}
.wap-main{ max-width: 750px; margin: auto; position: relative; background: #151515; }
.wap-item-main {color: #fff;font-size: 16px; line-height: 1.8;}
.wap-item-main .title{ font-size: 24px; padding:3% 4%; margin: 0; font-weight: normal; width:93%; line-height: 1.4;}
.wap-item-main .item-title{padding-bottom: 3%}
.wap-item-main .item-title h2{ font-size: 20px; padding: 0 6.25%; margin: 0; font-weight: normal; border-bottom: solid 1px #212121}
.wap-item-main .item-title h2 span{line-height: 40px; display: inline-block; border-bottom: solid 4px #e25f26}
.wap-item-main .item-box{position: relative}
.wap-item-main .voice{padding:2% 4%;}
.wap-item-main .voice .item{background: #212121; padding:15px 10px;line-height: 40px; display: flex; align-items: center; justify-content: space-between}
.wap-item-main .voice .item div{position: relative; height:30px; line-height:30px}
.wap-item-main .voice .item:not(:last-child){margin-bottom:3%}
.wap-item-main .voice .icon{width: 30px;}
.wap-item-main .voice .icon a{position: relative;display: block; background: #e25f26; padding-bottom: 100%; border-radius: 100px;}
.wap-item-main .voice .icon a:before{content: ''; display: block; width: 40%; height: 40%; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.wap-item-main .voice .item:not(.paused) .icon a:before{border: solid 6px transparent;border-left-color: #fff; margin-right:5px;}
.wap-item-main .voice .item.paused .icon a:before{ border-left: solid 4px #fff;border-right: solid 4px #fff;}
.wap-item-main .voice .language{color: #e25f26; width: 17%; text-align:center}
.wap-item-main .voice .duration{color: #666666}

.wap-item-main .voice .moire{width: 42%;}
.wap-item-main .voice .moire span{display: flex;width: 100%;  height: 25px; overflow: hidden; align-items:flex-end; justify-content: space-between}
.wap-item-main .voice .moire i{display: block; width:1px;height:20%; position: relative;background: #e25f26}
.wap-item-main .voice .item:not(.paused) .moire i{ background: #666666;}
.wap-item-main .voice .moire i:nth-child(1){height: 20%;}
.wap-item-main .voice .moire i:nth-child(2){height: 30%;}
.wap-item-main .voice .moire i:nth-child(3){height: 40%;}
.wap-item-main .voice .moire i:nth-child(4){height: 50%;}
.wap-item-main .voice .moire i:nth-child(5){height: 70%;}
.wap-item-main .voice .moire i:nth-child(6){height: 60%;}
.wap-item-main .voice .moire i:nth-child(7){height: 50%;}
.wap-item-main .voice .moire i:nth-child(8){height: 40%;}
.wap-item-main .voice .moire i:nth-child(9){height: 30%;}
.wap-item-main .voice .moire i:nth-child(10){height: 40%;}
.wap-item-main .voice .moire i:nth-child(11){height: 45%;}
.wap-item-main .voice .moire i:nth-child(12){height: 50%;}
.wap-item-main .voice .moire i:nth-child(13){height: 55%;}
.wap-item-main .voice .moire i:nth-child(14){height: 50%;}
.wap-item-main .voice .moire i:nth-child(15){height: 60%;}
.wap-item-main .voice .moire i:nth-child(16){height: 50%;}
.wap-item-main .voice .moire i:nth-child(17){height: 40%;}
.wap-item-main .voice .moire i:nth-child(18){height: 50%;}
.wap-item-main .voice .moire i:nth-child(19){height: 30%;}
.wap-item-main .voice .moire i:nth-child(20){height: 40%;}
.wap-item-main .voice .moire i:nth-child(21){height: 45%;}
.wap-item-main .voice .moire i:nth-child(33){height: 30%;}
.wap-item-main .voice .moire i:nth-child(23){height: 30%;}
.wap-item-main .voice .moire i:nth-child(24){height: 40%;}
.wap-item-main .voice .moire i:nth-child(25){height: 50%;}
.wap-item-main .voice .moire i:nth-child(26){height: 60%;}
.wap-item-main .voice .moire i:nth-child(27){height: 50%;}
.wap-item-main .voice .moire i:nth-child(28){height: 40%;}
.wap-item-main .voice .moire i:nth-child(29){height: 30%;}
.wap-item-main .voice .moire i:nth-child(30){height: 50%;}
.wap-item-main .voice .moire i:nth-child(31){height: 20%;}
.wap-item-main .voice .moire i:nth-child(32){height: 30%;}
.wap-item-main .voice .moire i:nth-child(33){height: 40%;}
.wap-item-main .voice .moire i:nth-child(34){height: 50%;}
.wap-item-main .voice .moire i:nth-child(35){height: 60%;}
.wap-item-main .voice .moire i:nth-child(36){height: 40%;}
.wap-item-main .voice .moire i:nth-child(37){height: 30%;}
.wap-item-main .voice .moire i:nth-child(38){height: 35%;}
.wap-item-main .voice .moire i:nth-child(39){height: 30%;}
.wap-item-main .voice .moire i:nth-child(40){height: 40%;}
.wap-item-main .voice .moire i:nth-child(41){height: 50%;}

.wap-item-main .voice .moire#moire1 i:nth-child(1){height: 20%;}
.wap-item-main .voice .moire#moire1 i:nth-child(6){height: 15%;}
.wap-item-main .voice .moire#moire1 i:nth-child(10){height: 10%;}
.wap-item-main .voice .moire#moire1 i:nth-child(20){height: 29%;}
.wap-item-main .voice .moire#moire1 i:nth-child(30){height: 40%;}
.wap-item-main .voice .moire#moire1 i:nth-child(36){height: 60%;}

.wap-item-main .voice .moire#moire2 i:nth-child(2){height: 20%;}
.wap-item-main .voice .moire#moire2 i:nth-child(5){height: 35%;}
.wap-item-main .voice .moire#moire2 i:nth-child(6){height: 40%;}
.wap-item-main .voice .moire#moire2 i:nth-child(30){height: 29%;}
.wap-item-main .voice .moire#moire2 i:nth-child(34){height: 40%;}
.wap-item-main .voice .moire#moire2 i:nth-child(38){height: 60%;}

.wap-item-main .voice .moire#moire3 i:nth-child(3){height: 20%;}
.wap-item-main .voice .moire#moire3 i:nth-child(4){height: 35%;}
.wap-item-main .voice .moire#moire3 i:nth-child(12){height: 10%;}
.wap-item-main .voice .moire#moire3 i:nth-child(18){height: 29%;}
.wap-item-main .voice .moire#moire3 i:nth-child(24){height: 40%;}
.wap-item-main .voice .moire#moire3 i:nth-child(37){height: 60%;}

.wap-item-main .voice .moire#moire4 i:nth-child(2){height: 30%;}
.wap-item-main .voice .moire#moire4 i:nth-child(9){height: 35%;}
.wap-item-main .voice .moire#moire4 i:nth-child(10){height: 10%;}
.wap-item-main .voice .moire#moire4 i:nth-child(25){height: 29%;}
.wap-item-main .voice .moire#moire4 i:nth-child(36){height: 40%;}
.wap-item-main .voice .moire#moire4 i:nth-child(40){height: 60%;}

.wap-item-main .voice .moire#moire5 i:nth-child(1){height: 20%;}
.wap-item-main .voice .moire#moire5 i:nth-child(9){height: 35%;}
.wap-item-main .voice .moire#moire5 i:nth-child(16){height: 10%;}
.wap-item-main .voice .moire#moire5 i:nth-child(23){height: 29%;}
.wap-item-main .voice .moire#moire5 i:nth-child(29){height: 40%;}
.wap-item-main .voice .moire#moire5 i:nth-child(33){height: 60%;}

.wap-item-main .voice .moire#moire6 i:nth-child(4){height: 20%;}
.wap-item-main .voice .moire#moire6 i:nth-child(8){height: 35%;}
.wap-item-main .voice .moire#moire6 i:nth-child(13){height: 10%;}
.wap-item-main .voice .moire#moire6 i:nth-child(19){height: 29%;}
.wap-item-main .voice .moire#moire6 i:nth-child(26){height: 40%;}
.wap-item-main .voice .moire#moire6 i:nth-child(30){height: 60%;}

.wap-item-main .voice .paused .moire i:nth-child(odd){ animation:moveO 0.6s infinite linear;}
.wap-item-main .voice .paused .moire i:nth-child(7n+7),
.wap-item-main .voice .paused .moire i:nth-child(5n+3),
.wap-item-main .voice .paused .moire i:nth-child(3n+3){ animation:moveE 0.5s infinite linear;}
.wap-item-main .article{overflow: hidden;}
.wap-item-main .article p{margin-top:0}
.wap-item-main .article.many{height: auto!important}
.wap-item-main .info{padding: 0 6.25%; margin:4% 0 0; width:93%; line-height:1.6;}
.wap-item-main .info *{ line-height:22px!important;}

.wap-item-main .open-many{padding:20px 6.25%}
.wap-item-main .open-many a{ display: inline-block; width:100px; height:28px; line-height:28px;padding: 0 4%; text-align:center; transition: 0.4s; border:1px solid #e25f26; color:#e25f26; border-radius:30px; font-size:14px;}
/*.wap-item-main .open-many:not(.on) a{background: #e25f26; color:#fff;}*/
.wap-item-main .open-many a:after{content: ''; width: 8px; height: 5px; background: url(../images/arrow_down2.png) center center no-repeat; display: inline-block; vertical-align: middle; margin-left:3px; transition: 0.5s;}
.wap-item-main .open-many.on a:after{ background-image:url(url(../images/arrow_down2.png));transform: rotate(0);}
.wap-item-main .open-many:not(.on) a:after{transform: rotate(180deg);  }
.wap-item-main .open-many.on a{transform: rotate(0deg);}
.wap-item-main .box-video{position: absolute; width: 100%; height: 100%; z-index: 10;  top:0}
.wap-item-main .item-box video{width: 100%; height: 100%; object-fit: cover;}
.wap-item-main .open-video{ background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; display: block;}
.wap-item-main .open-video:before{ content: ''; position: absolute; left: 50%; top: 50%; background:  no-repeat center url("../images/videoplay_icon.png"); background-size: contain; width: 14%; padding-top: 14%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.wap-item-main .close-video { position: absolute; top: 0;  left: 0;  cursor: pointer; z-index: 999; width: 40px;  height: 40px; text-align: center; display:none!important; }
.wap-item-main .close-video:before { content: "×"; font-family: "宋体"; font-size: 32px; color: #fff; line-height: 40px;}

@keyframes moveO{
0{transform: translateY(0px)}
50%{transform: translateY(5px)}
100%{transform: translateY(-0px)}
}
@keyframes moveE{
0{transform: translateY(0px)}
50%{transform: translateY(5px)}
100%{transform: translateY(-0px)}
}

.sidebar_item{position:fixed; z-index:100; right: 2%; top: 0; bottom: 0; z-index: 1000; width: 40px;  display: flex; justify-content: center; align-items: center; }
.sidebar_item .swiper-container {
	        width: 100%;
	        height: 100%;
	    }
.sidebar_item .swiper-slide {
	        text-align: center;
	
	        /* Center slide text vertically */
	        display: -webkit-box;
	        display: -ms-flexbox;
	        display: -webkit-flex;
	        display: flex;
	        -webkit-box-pack: center;
	        -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	        -webkit-box-align: center;
	        -ms-flex-align: center;
	        -webkit-align-items: center;
	        align-items: center;
	    }
.sidebar_item{position:fixed; z-index:100; right: 2%;z-index: 1000; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform:translateY(-50%); padding:45px 0; height:400px; bottom:auto; width:auto; }
.sidebar_item .swiper-container{ overflow:hidden;}
.sidebar_item .swiper-wrapper{padding-left:0;}
.sidebar_item .item{  /*width:42px;height:46px;*/ display:flex; align-items:center; justify-content:center;}
.sidebar_item a,
.sidebar_item a{display:inline-flex!important; cursor:pointer; margin: 0; color: #fff; text-align: center; border-radius: 100px; width:40px; height: 40px;align-items: center;
    justify-content: center; border: solid 1px #666666; background: rgba(21,21,21,0.5); line-height:1; }
.sidebar_item .show a{ background: #e25f26; border-color: #e25f26}
.sidebar_item .slick-arrow{cursor:pointer;  background: rgba(34,34,34,0.7); border: none;  border-radius: 100px; width:40px; height: 40px; line-height:40px; position: inherit; -webkit-transform:none; -ms-transform:none; transform:none;}
.sidebar_item .slick-arrow:before{display:none}
.sidebar_item .slick-arrow:after{content: '';width: 10px; display: block; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; height: 10px; border-top: solid 2px #fff; border-right: solid 2px #fff; }
.sidebar_item .slick-prev{right: 0; top:0px}
.sidebar_item .slick-next{right: 0; top:auto; bottom:0px}
.sidebar_item .slick-prev:after{transform: rotate(-45deg);}
.sidebar_item .slick-next:after{transform: rotate(135deg); }
.sidebar_item .slick-arrow:not(.slick-disabled):hover{background:#e25f26}
.sidebar_item .slick-disabled{cursor: default}
.sidebar_item .slick-disabled:after{ opacity: 0.55}
.sidebar_item.center .slick-list{display: flex; padding-top:25px; padding-bottom:25px;}


.wap-main .top {position: absolute;}
.wap-main .top .lan{display: none}
.wap-main .top .logo{text-align: center;padding: 0; margin: 0 auto;}
.wap-main .top_nav,
.wap-main .fixed-layer{display: none!important}
.wap-main .top-search .searchresults,
.wap-main .top-search .keyword{display: none}
.wap-main .open-search{left:0; margin-left:30px;}
.wap-main .open-menu:before,
.wap-main .open-menu:after{transform:none!important; left:auto!important;top: 50%;}
.wap-main .open-menu:before{ margin-top: -7px!important;}
.wap-main .open-menu:after{width: 40%!important;margin-top: 3px!important;}


.wap-main .bottom .outside{float: none}
.wap-main .bottom .outside dd:not(:last-child){margin-right: 0}
.wap-main .bottom .bt_nav,
.wap-main .bottom .outside{display:none}


.wap-main .other_wap_nav{width: 87.5%;  margin: 0 auto; padding-top:3%}
.wap-main .other_wap_nav ul{ display: flex; flex-wrap: wrap;font-size: 16px;  text-transform: capitalize; line-height:30px; }
.wap-main .other_wap_nav ul li{width: 100%; padding:10px 0;border-bottom: 1px solid rgba(255,255,255,0.2);}
.wap-main .other_wap_nav ul li a{color: #dddddd;display: inline-block; position: relative;line-height: 30px; text-transform: uppercase;}
.wap-main .other_wap_nav ul li a:after{content:'';display: block;width: 0%;height: 2px;background-color: #e25f26;position: absolute;left: 0;bottom: 0px;transition:width 0.2s linear;-webkit-transition:width 0.2s linear;}
.wap-main .other_wap_nav ul li a:hover:after{width: 100%;}

.wap-main .bottom .copyright{float: none; text-align: left; padding:20px 0}
.wap-main .bottom .copyright,
.wap-main .bottom .copyright a { color: rgba(255,255,255,0.2);}
.wap-main .bottom .outside dd{width:11.11111111111111%;}

.ind-news{padding-top:2%; padding-bottom:1%;background:#1e1e1e}
.ind-news .list{padding-left:14%;padding-right:14%;overflow:hidden}
.ind-news .slick-list{overflow: initial!important;padding:0!important;}
.ind-news .item .info{position:absolute; width:100%; height:100%; z-index:10; display:flex;align-items: end;}
.ind-news .item .pic{position: relative; overflow: hidden; padding-bottom:52%;}
.ind-news .item .pic span{position: absolute; width: 100%; height: 100%}
.ind-news .item .pic img{width: 100%; height: 100%;  -o-object-fit: cover;  object-fit: cover; -o-object-position: center;  object-position: center;}
.ind-news .item  a{display:block; margin:auto; width:98%;}
.ind-news .item .txt{ width: 100%; display:flex; flex-wrap: wrap; padding:30px;opacity:0;transition: 0.5s;transform: translateY(110px);transition-delay: 1s;}
.ind-news .item .txt span{ display: inline-block; width:100px; height:40px; line-height:40px; text-align:center; transition: 0.4s; color:#e25f26; border-radius:30px; font-size:14px; background:#fff}
.ind-news .item .txt span:hover{background: #e25f26; color:#fff;}
.ind-news .item .txt span:after{content: ''; width: 8px; height: 5px; background: url(../images/arrow_down2.png) center center no-repeat; display: inline-block; vertical-align: middle; margin-left:3px;}
.ind-news .item .txt span:hover:after{background: url(../images/arrow_down_hover.png) center center no-repeat;}
.ind-news .item .txt h2{padding:0 20px;color:#fff; margin:0;line-height:40px; max-width:80%}
.ind-news .item{ position: relative; opacity:0.3; transition: 0.5s; overflow:hidden}
.ind-news .item.slick-current{opacity:1}
.ind-news .item.slick-current .txt{opacity:1; transform: translateY(0px);}
.ind-news .slick-dots{display:flex; justify-content:center;  align-items: center; width:100%; height:40px;}
.ind-news .slick-dots li{width:22px; height:8px; list-style:none}
.ind-news .slick-dots li button{border-radius:10px; font-size:0; width:8px; height:8px;  padding:0; border:none;  cursor: pointer; background:rgba(255,255,255,0.42)}
.ind-news .slick-dots li.slick-active button{border-radius:10px; font-size:0; width:8px; height:8px; background:rgba(255,255,255,0.8)}
.ind-news .slick-arrow{position:absolute;width:15%;height:calc(100% - 40px);top:0;z-index:10; border:none;background:none;cursor: pointer;font-size: 0;}
.ind-news .slick-prev{left:0;}
.ind-news .slick-next{right:0;}

@media  (max-width:1200px){
	.ind-news .list{padding-left:8%;padding-right:8%;}
	.ind-news .slick-arrow{width:10%;}
}
@media  (max-width:768px){
	.ind-news .list{padding-left:40px;padding-right:40px;}
	.ind-news .slick-arrow{width:40px;}
	.ind-news .item .txt{padding:20px 10px;}
	.ind-news .item .txt span{line-height:28px;height:28px; order: 2;}
	.ind-news .item .txt h2{line-height:28px; padding:10px 0;max-width:100%}
	.ind-news .item .pic{padding-bottom:120%;}
}


.wap_news_ban{position:relative;background:#000}
.wap_news_ban .pic{position: relative; overflow: hidden; padding-bottom:56.15%}
.wap_news_ban .pic a{position: absolute; width: 100%; height: 100%}
.wap_news_ban .pic img{width: 100%; height: 100%;  -o-object-fit: contain;  object-fit: contain; -o-object-position: center;  object-position: center;}
.wap_news_ban .slick-dots{position: absolute;bottom: 5.5%;width: 100%;left: 0;text-align: center; z-index:10}
.wap_news_ban .slick-dots li{display: inline-block;	width: 6px;height: 6px;margin: 0 10px;background-color: #fff;border-radius: 50%;}
.wap_news_ban .slick-dots li.slick-active{background-color: #ea6011;box-shadow: 0 0 0 3px  #ea6011;}
.wap_news_ban .slick-dots li button{ display:none}


.fancybox-skin{padding:5px!important}

/*08-11*/
.factory_body .bottom .bt_nav,
.factory_body .bottom .outside{display:block}
.factory_body .bottom .bt_nav .item:not(:nth-child(2)){display:none}

.factory_index .bottom .bt_nav{display:none}
.factory_index .website .wrap{padding:0!important}

.factory_index .website .wrap .wap-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.factory_index .website .data li{width:100%}
.factory_index .website .data li .waplink{position: absolute;display: block; left: 0; top: 0; width: 100%; height: 100%;z-index: 50; }
.factory_index .website .cont{z-index:2}
.factory_index .website .cont .icon_img{margin: auto; max-width: 18%; text-align:center}
.factory_index .website .cont .cn{margin-bottom:0}
.factory_index .website .cont .en{margin-top:5px}

.factory_main{padding:2% 4%; font-size: 16px;}
.factory_main .item{padding:7% 0}
.factory_main .item:not(:last-child){border-bottom:solid 1px #373737}
.factory_main .title{padding-bottom:2%}
.factory_main .title h2{ font-size: 24px; padding: 1.5% 20px;  margin: 0 0 3% 0; color:#ffffff; position:relative; border-left:solid 3px #DE5F17}
.factory_main .title p{color:#5A5C5C}
.factory_main .picture{position:relative}
.factory_main .picture .a_num{transition: 0.5s; display: block; width:3px; height:3px; text-align:center; position:absolute; }
.factory_main .picture .a_num b{position: absolute; margin:auto; left:-13px; right:-13px; bottom:-11px; width:25px; height:25px; display: flex;  align-items: center; justify-content: center;border-radius:100px; background:#289D4D; color:#fff;transition: 0.5s; z-index:5 }
.factory_main .picture .a_num b i{font-size:14px; font-style: normal; font-family:PuHuiTi-M;}
.factory_main .picture .a_num span{ position:absolute; left:0; bottom:0; right:0; margin: auto; width:100%; height:3px; background:#fff;transition: 0.5s;}
.factory_main .picture .a_num.now{z-index:10}
.factory_main .picture .a_num.now b{ box-shadow: 0 0 0 3px #fff; bottom:22px;  background:#fff;}
.factory_main .picture .a_num.now b i{font-size:16px; color: #DD5F18;}
.factory_main .picture .a_num.now span{ height:20px;}
.factory_main .list{padding: 6% 0;}
.factory_main .list ul{ display: flex;flex-wrap: wrap;}
.factory_main .list ul li{font-size:15px; padding:5px 5px 5px 30px;;width:50%; line-height:20px; position:relative}
.factory_main .list ul li a{color:#aaa; cursor:pointer}
.factory_main .list ul li .b_num{font-size:12px; border-radius:100px; border:solid 1px #666; width:22px;line-height:20px;  font-style:normal; position:absolute; left:0;text-align:center}

.factory_main .list ul li.show a{color: #fff}
.factory_main .visit{padding-top:3%}
.factory_main .visit a{position:relative;display:block; line-height:38px; text-align:center; color:#e25f26; border: 1px solid #e25f26; border-radius:30px;  padding: 0px 20px; transition: 0.5s; width:100%}
.factory_main .visit a i{position:absolute; margin: auto; width:16px; height:2px; top:0; bottom:0; right:20px; background:#e25f26;transition: 0.5s;}
.factory_main .visit a i:after{content:' '; position: absolute; width:10px; height:10px; right:0; top:-100%; bottom:-100%; margin: auto; transform: rotate(45deg); border-top:2px solid #e25f26; border-right: 2px solid #e25f26;transition: 0.5s;}
.factory_main .visit a:hover{color: #fff; background:#e25f26}
.factory_main .visit a:hover i{ background:#fff;right:15px;}
.factory_main .visit a:hover i:after{border-color:#fff}